How to disable screen rotation (react-native)?

Question

Is any chance to disable screen rotation (allow only vertical)? I would like to support only portrait view. And need it to work on android and ios.

check this answer out for ios - stackoverflow.com/questions/32176548/… — Tope
– Tope, Commented Mar 19, 2017 at 2:12
If using CRNA apps, use the app.json file to set orientation as either potrait or landscape. See here for more details: docs.expo.io/versions/latest/workflow/… — Ankit Kante
– Ankit Kante, Commented Apr 11, 2018 at 9:36
Please check this article from the medium- medium.com/react-native-training/… — Rajan Maharjan
– Rajan Maharjan, Commented Mar 5, 2019 at 10:06
Does this answer your question? how to disable rotation in React Native? — snehal agrawal
– snehal agrawal, Commented Nov 20, 2019 at 16:04

curiousMind · Accepted Answer · 2016-02-26 07:04:43Z

8

Add screenOrientation in your Manifest.xml class

<activity android:name=".YourActivity"
android:label="@string/app_name"
android:screenOrientation="portrait" />

answered Feb 26, 2016 at 7:04

curiousMind

2,8081 gold badge19 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bala Raja · Accepted Answer · 2016-02-26 07:07:18Z

2

Put the below code in manifest file

<activity
   android:screenOrientation="portrait"
   android:configChanges="orientation|keyboardHidden">
</activity>

answered Feb 26, 2016 at 7:07

Bala Raja

6276 silver badges20 bronze badges

Comments

Rathod Vijay · Accepted Answer · 2016-02-26 12:30:26Z

2

Write the below code in manifest file

<activity
   android:screenOrientation="portrait"
   android:configChanges="orientation|screenSize">
</activity>

answered Feb 26, 2016 at 12:30

Rathod Vijay

4172 silver badges7 bronze badges

Comments

Mahesh Babariya · Accepted Answer · 2016-02-26 07:04:42Z

1

In android :-

using xml :-android:screenOrientation="portrait"

using java :-

@Override 
public void onCreate(Bundle savedInstanceState) {
    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
}

answered Feb 26, 2016 at 7:04

Mahesh Babariya

4,5806 gold badges43 silver badges55 bronze badges

1 Comment

Rajan Maharjan Over a year ago

Please be clear with your answer, also the question is for both iOs and Android.

Bisclavret · Accepted Answer · 2018-04-11 08:06:37Z

1

Winner: chuck this in the app code, I usually drop it right after all my imports.

Expo.ScreenOrientation.allow(Expo.ScreenOrientation.Orientation.PORTRAIT);

answered Apr 11, 2018 at 8:06

Bisclavret

1,38110 gold badges40 silver badges72 bronze badges

Comments

G. Hamaide · Accepted Answer · 2016-02-26 08:14:19Z

0

Have a look at Android's official documentation

You just have to add this to your activity tag in your android MANIFEST file :

<activity 
  android:screenOrientation=["unspecified" | "behind" |
    "landscape" | "portrait" |
    "reverseLandscape" | "reversePortrait" |
    "sensorLandscape" | "sensorPortrait" |
    "userLandscape" | "userPortrait" |
    "sensor" | "fullSensor" | "nosensor" |
    "user" | "fullUser" | "locked"]

using the orientation that you want.

answered Feb 26, 2016 at 8:14

G. Hamaide

7,1262 gold badges39 silver badges58 bronze badges

Comments

BiOS · Accepted Answer · 2021-06-29 08:47:42Z

-1

Try to add this in config.xml

<preference name="Orientation" value="landscape" />

edited Jun 29, 2021 at 8:47

BiOS

2,3043 gold badges12 silver badges24 bronze badges

answered Feb 26, 2016 at 7:05

Amsheer

7,1618 gold badges52 silver badges83 bronze badges

1 Comment

tschoffelen Over a year ago

This applies to Cordova/Phonegap, not React Native.

Collectives™ on Stack Overflow

How to disable screen rotation (react-native)?

7 Answers 7

Comments

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related