Flutter: how to prevent device orientation changes and force portrait?

I would like to prevent my application from changing its orientation and force the layout to stick to "portrait".

In the main.dart, I put:

void main(){
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown
]);
runApp(new MyApp());
}

but when I use the Android Simulator rotate buttons, the layout "follows" the new device orientation...

How could I solve this?

Thanks

The 'setPreferredOrientations' method returns a Future object.
Per documentation a Future represents some value that will be available somewhere in future. That's why you shall wait until it's available and then move on with the application. Hence, there shall be used 'then' method, which, per definition, "registers callbacks to be called when the Future completes". Hence, you shall use this code:

void main() {
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]).then((_) {
runApp(new App());
});
}

Also, the following file must be imported:

'package:flutter/services.dart'

`setPreferredOrientation` returns a `Future<void>`, so it is asynchronous. The most readable approach is to define `main` as asynchronous:

```dart
Future<void> main() async {
await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
return runApp(new MyApp());
}
```

Import `package:flutter/services.dart`, then

Put the `SystemChrome.setPreferredOrientations` inside the `Widget build()` method.

Example:

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown,
]);
return new MaterialApp(...);
}
}

**Update**

This solution mightn't work for some IOS devices as mentioned in the updated flutter documentation on Oct 2019.

They Advise to fixed the orientation by setting UISupportedInterfaceOrientations in Info.plist like this

<array>
<string>UIInterfaceOrientationPortrait</string>
</array>

For more information

[To see links please register here]

First of all import this in **main.dart** file

import 'package:flutter/services.dart';

Then **don't copy paste** rather see(remember) and write below code in **main.dart** file

To force in **portrait** mode:

void main() {
SystemChrome.setPreferredOrientations(
[DeviceOrientation.portraitUp,DeviceOrientation.portraitDown])
.then((_) => runApp(MyApp()),
);

To force in **landscape** mode:


void main() {
SystemChrome.setPreferredOrientations(
[DeviceOrientation.landscapeLeft,DeviceOrientation.landscapeRight])
.then((_) => runApp(MyApp()),
);

### iOS:
Calling `SystemChrome.setPreferredOrientations()` doesn't work for me, and I had to change the `Device Orientation` in the [Xcode project][1] as following:

[![enter image description here][2]][2]


### Android:
Set the [`screenOrientation`][3] attribute to `portrait` for the main activity in the file `android/app/src/main/AndroidManifest.xml` as following:

[![enter image description here][4]][4]


[1]:

[To see links please register here]

[2]:

[3]:

[To see links please register here]

[4]:

Open android/app/src/main/AndroidManifest.xml and add the following line in the MainActivity:



android:screenOrientation="portrait"

If you have this:

<activity
android:name=".MainActivity"
android:launchMode="singleTop"
android:theme="@style/LaunchTheme"
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
android:hardwareAccelerated="true"
android:windowSoftInputMode="adjustResize">
</code>

You should end up with something like this:

<activity
android:name=".MainActivity"
android:launchMode="singleTop"
android:theme="@style/LaunchTheme"
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
android:hardwareAccelerated="true"
android:screenOrientation="portrait"
android:windowSoftInputMode="adjustResize">


This works for Android. On iOS, you will have to change this from the Xcode page:

(as Hejazi said)

As of new flutter versions along with setting the `preferred Orientation` we need to add one extra line i.e

WidgetsFlutterBinding.ensureInitialized();

So working code for this is -



import 'package:flutter/services.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown
]);
runApp(MyApp());
}

Try

void main() async {
WidgetsFlutterBinding.ensureInitialized();
await SystemChrome.setPreferredOrientations(
[DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);

runApp(MyApp());
}

You can also change the screen orientation settings in the android manifest and ios info.plist file.

Below is the official example of the flutter team.

[To see links please register here]

import 'package:flutter/services.dart' show DeviceOrientation, SystemChrome;

void main() {
WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown,
]);
runApp(HomeScreen());
}