颤振：如何防止设备方向改变并强制肖像？

我想防止我的应用程序更改其方向，并强制布局坚持“肖像”。

在main.dart中，我输入：

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

但是当我使用Android Simulator的旋转按钮时，布局“遵循”新设备的方向...

我该如何解决？

谢谢

导入package:flutter/services.dart，然后

把SystemChrome.setPreferredOrientations里面的Widget build()方法。

例：

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

更新资料

如2019年10月更新的flutter文档中所述，此解决方案可能不适用于某些IOS设备。

他们建议通过像这样在Info.plist中设置UISupportedInterfaceOrientations来固定方向

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

有关更多信息https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi，如果您想“锁定”设备的方向并不允许其随着用户旋转手机而改变，则可以轻松地进行以下设置，

// This did not work as requirement
void main() {
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
  runApp(new MyApp());
}

您必须等到setPreferredOrientations完成后再启动应用

// This will works always for lock screen Orientation.
void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp])
    .then((_) {
      runApp(new MyApp());
    });
}

iOS：

调用SystemChrome.setPreferredOrientations()对我不起作用，我不得不按如下所示Device Orientation在Xcode项目中更改：

Android：

将文件中主要活动的screenOrientation属性设置为，如下所示：portraitandroid/app/src/main/AndroidManifest.xml

setPreferredOrientations方法返回一个Future对象。每个文档中，“ Future”代表将来将在某处可用的某些价值。这就是为什么您要等到它可用后再继续使用该应用程序。因此，应使用'then'方法，根据定义，该方法“注册在Future完成时要调用的回调”。因此，您应使用以下代码：

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

另外，必须导入以下文件：

``package：flutter / services.dart''

打开android / app / src / main / AndroidManifest.xml并在MainActivity中添加以下行：

android:screenOrientation="portrait"

如果您有这个：

<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">

您应该以如下形式结束：

<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">

这适用于Android。在iOS上，您必须从Xcode页面进行更改：https ://i.stack.imgur.com/hswoe.png（如Hejazi所说）

首先将其导入main.dart文件中

import 'package:flutter/services.dart';

然后不要复制粘贴，而是看（记住）并在main.dart文件中编写以下代码

强制以纵向模式：

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

要强制使用横向模式：

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

将WidgetsFlutterBinding.ensureInitialized（）放入，否则在构建时会出现错误。

import 'package:flutter/services.dart';

    void main() async => {
          WidgetsFlutterBinding.ensureInitialized(),

          await SystemChrome.setPreferredOrientations(
              [DeviceOrientation.portraitUp]), // To turn off landscape mode

          runApp(MainApp())
        };

setPreferredOrientation返回Future<void>，因此它是异步的。最易读的方法是定义main为异步：

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

对于新的flutter版本以及设置，preferred Orientation我们需要添加一条额外的行，即

 WidgetsFlutterBinding.ensureInitialized();

所以工作代码是-

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

以下是扑扑队的官方例子。 https://github.com/flutter/samples/blob/master/veggieseasons/lib/main.dart

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

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

尝试

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

您还可以在android清单和ios info.plist文件中更改屏幕方向设置。

导入导入'package：flutter / services.dart';

然后，将以下代码行包含在main.dart文件和main方法中，如下所示：

WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitDown,
    DeviceOrientation.portraitUp,
  ]);

runApp(myApp());

最好的解决方案是在MyApp（）的build方法中使用它。