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/isissue/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. За документацією майбутнє представляє деяку цінність, яка буде доступна десь у майбутньому. Ось чому ви зачекаєте, поки це стане доступним, а потім перейдіть до програми. Отже, використовується метод "тоді", який, за визначенням, "реєструє зворотні дзвінки, які потрібно викликати, коли майбутнє завершиться". Отже, ви повинні використовувати цей код:

  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повертає a Future<void>, тож він є асинхронним. Найбільш читаний підхід - це визначити mainяк асинхронний:

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

Щодо нових вершин флетера разом із встановленням 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.

Імпорт імпорту 'пакет: flutter / services.dart';

Тоді ви включаєте рядок коду нижче у свій файл main.dart та в основний метод, наприклад:

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

runApp(myApp());

Найкращим рішенням буде використання його в методі збірки MyApp ().