Flutter：デバイスの向きの変更を防ぎ、ポートレートを強制する方法は？

アプリケーションの向きが変更されないようにして、レイアウトを強制的に「縦長」にしたいと思います。

main.dartには、次のように記述します。

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

しかし、Androidシミュレータの回転ボタンを使用すると、レイアウトは新しいデバイスの向きに「従います」...

どうすればこれを解決できますか？

ありがとう

インポート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月に更新されたフラッタードキュメントで言及されているように、このソリューションは一部の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()は機能しません。Xcodeプロジェクトのを次のように変更する必要がありDevice Orientationました。

アンドロイド：

次のように、ファイルのメインアクティビティのscreenOrientation属性をに設定します。portraitandroid/app/src/main/AndroidManifest.xml

「setPreferredOrientations」メソッドは、Futureオブジェクトを返します。ドキュメントごとに、Futureは将来どこかで利用できるようになるいくつかの値を表します。それが利用可能になるまで待ってから、アプリケーションを続行するのはそのためです。したがって、定義に従って「Futureが完了したときに呼び出されるコールバックを登録する」「then」メソッドを使用する必要があります。したがって、このコードを使用する必要があります。

  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());
}

新しいフラッターバージョンでは、設定とともに、preferred Orientation1行追加する必要があります。

 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（）のビルドメソッドで使用することです。