Flutter: How to avoid change orientation?

Question

I have a final user design with landscape orientation. User doesn't want/need portrait and it is needed to avoid automatic orientation change on iOS/Android. How can I achieve that?

please find this updated answer stackoverflow.com/a/50884081/348589 — Shady Mohamed Sherif
– Shady Mohamed Sherif, Commented Jan 4, 2020 at 16:40

Ernesto Campohermoso · Accepted Answer · 2018-09-14 10:05:34Z

18

SystemChrome is what you want

You can do something like in main.dart (don't forget import 'package:flutter/services.dart')

SystemChrome.setPreferredOrientations([
    DeviceOrientation.landscapeRight,
    DeviceOrientation.landscapeLeft,
]);

Unfortunately, when I do this in my application, the orientation will always be landscapeRight.

To lock the orientation for iOS you need to change the settings for the XCode project (use command 'open ios/Runner.xcworkspace' in terminal to open it)

edited Sep 14, 2018 at 10:05

Ernesto Campohermoso

7,4411 gold badge42 silver badges51 bronze badges

answered Nov 20, 2017 at 14:29

Rémi Rousselet

280k89 gold badges560 silver badges456 bronze badges

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

5 Comments

abnerh69 Over a year ago

Any import needed? Inside main()? or class MyApp? Please be a little more specific. Red underlined over SystemChrome (Undefined name) and DeviceOrientation too. Thanks.

abnerh69 Over a year ago

Any import needed? YES! import 'package:flutter/services.dart'. Inside main()? YES. or class MyApp? MAYBE YES!. Thanks.

Nathan Bird Over a year ago

@abnerh69 - To lock the orientation for iOS you need to change the settings for the XCode project (use command 'open ios/Runner.xcworkspace' in terminal to open it)

Auryn Over a year ago

Did somebody know, why upside down doesn't work? DeviceOrientation.portraitDown, DeviceOrientation.portraitUp does not working.

Michael Nelson Over a year ago

Is there any way to lock the orientation of a specific screen of an app, rather than for all screens of the app?

Dhaval · Accepted Answer · 2018-07-11 17:06:25Z

15

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

SystemChrome.setPreferredOrientations returns a Future. Wait until that’s done and then we can start our app.

answered Jul 11, 2018 at 17:06

Dhaval

2,9042 gold badges28 silver badges34 bronze badges

Comments

Fayaz · Accepted Answer · 2019-01-01 16:05:20Z

3

Add this line of code in your main.dart file SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);

answered Jan 1, 2019 at 16:05

Fayaz

2,1342 gold badges21 silver badges24 bronze badges

Collectives™ on Stack Overflow

Flutter: How to avoid change orientation?

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related