Flutter: как предотвратить изменение ориентации устройства и принудительный портрет?

Я бы хотел, чтобы мое приложение не меняло ориентацию и заставляло макет придерживаться «портретной» ориентации.

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

Обновить

Это решение может не работать для некоторых устройств IOS, как упоминалось в обновленной документации по флаттеру от октября 2019 года.

Они советуют зафиксировать ориентацию, установив UISupportedInterfaceOrientations в Info.plist следующим образом

<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атрибут portraitдля основного действия в файле android/app/src/main/AndroidManifest.xmlследующим образом:

Метод setPreferredOrientations возвращает объект Future. Согласно документации, будущее представляет собой некоторую ценность, которая будет доступна где-то в будущем. Вот почему вы должны дождаться, пока он станет доступен, а затем продолжить работу с приложением. Следовательно, должен использоваться метод 'then', который, по определению, «регистрирует обратные вызовы, которые будут вызываться по завершении Future». Следовательно, вы должны использовать этот код:

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

Также необходимо импортировать следующий файл:

'пакет: 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 (как сказал Хиджази)

Прежде всего, импортируйте это в файл 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());
}

Просто добавьте следующую строку кода в файл main.dart.

SystemChrome.setPreferredOrientations([
  DeviceOrientation.portraitUp,
]);

и не забудьте импортировать файл services.dart. Пример приведен ниже!

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
    runApp(MyApp());
}


class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {

      SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
      ]);

      return MaterialApp(
        home: Scaffold(
          body: Center(child: Text("A Flutter Example!")),
     ),
   );
  }
}

Ниже приведен официальный пример команды flutter. 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());
}

Что касается новых версий флаттера, вместе с настройкой preferred Orientationнам нужно добавить одну дополнительную строку, т.е.

 WidgetsFlutterBinding.ensureInitialized();

Итак, рабочий код для этого -

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

Импортировать import 'package: flutter / services.dart';

Затем вы включаете строку кода ниже в свой файл main.dart и в свой основной метод следующим образом:

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

runApp(myApp());

Пытаться

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

Вы также можете изменить настройки ориентации экрана в манифесте Android и файле ios info.plist.

Лучшим решением будет использовать его в методе сборки MyApp ().