Flutter: como evitar mudanças na orientação do dispositivo e forçar o retrato?

Gostaria de evitar que meu aplicativo altere sua orientação e forçar o layout a ficar em "retrato".

No main.dart, coloco:

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

mas quando uso os botões de rotação do Android Simulator, o layout "segue" a nova orientação do dispositivo ...

Como eu poderia resolver isso?

obrigado

Importar package:flutter/services.dartentão

Coloque SystemChrome.setPreferredOrientationsdentro do Widget build()método.

Exemplo:

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

Atualizar

Esta solução pode não funcionar para alguns dispositivos IOS, conforme mencionado na documentação atualizada do flutter em outubro de 2019.

Eles aconselham corrigir a orientação definindo UISupportedInterfaceOrientations em Info.plist como este

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

Para mais informações https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, se você deseja “bloquear” a orientação do dispositivo e não permitir que ela mude conforme o usuário gira o telefone, isso foi facilmente definido como abaixo,

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

Você tem que esperar até setPreferredOrientationsterminar e, em seguida, iniciar o aplicativo

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

iOS:

Chamar SystemChrome.setPreferredOrientations()não funciona para mim e tive que alterar o Device Orientationno projeto Xcode da seguinte forma:

Android:

Defina o screenOrientationatributo para portraitpara a atividade principal no arquivo da android/app/src/main/AndroidManifest.xmlseguinte forma:

O método 'setPreferredOrientations' retorna um objeto Future. Por documentação, um Futuro representa algum valor que estará disponível em algum lugar no futuro. É por isso que você deve esperar até que esteja disponível e então prosseguir com o aplicativo. Portanto, deve ser utilizado o método 'then', que, por definição, "registra callbacks a serem chamados quando o Future for concluído". Portanto, você deve usar este código:

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

Além disso, o seguinte arquivo deve ser importado:

'pacote: flutter / services.dart'

Abra android / app / src / main / AndroidManifest.xml e adicione a seguinte linha em MainActivity:

android:screenOrientation="portrait"

Se você tem este:

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

Você deve acabar com algo assim:

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

Isso funciona para Android. No iOS, você terá que alterar isso na página do Xcode: https://i.stack.imgur.com/hswoe.png (como Hejazi disse)

Em primeiro lugar, importe isso no arquivo main.dart

import 'package:flutter/services.dart';

Então não copie e cole, em vez de ver (lembrar) e escrever o código abaixo no arquivo main.dart

Para forçar no modo retrato :

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

Para forçar no modo paisagem :

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

Coloque o WidgetsFlutterBinding.ensureInitialized () do contrário, você obterá um erro durante a construção.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

setPreferredOrientationretorna a Future<void>, por isso é assíncrono. A abordagem mais legível é definir maincomo assíncrono:

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

A partir de novas versões de flutter, juntamente com a configuração preferred Orientation, precisamos adicionar uma linha extra, ou seja,

 WidgetsFlutterBinding.ensureInitialized();

Portanto, o código de trabalho para isso é -

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

Abaixo está o exemplo oficial da equipe de 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());
}

Experimentar

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

Você também pode alterar as configurações de orientação da tela no manifesto do Android e no arquivo ios info.plist.

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

Em seguida, você inclui a linha de código abaixo em seu arquivo main.dart e em seu método principal da seguinte forma:

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

runApp(myApp());

A melhor solução será usá-lo no método de construção de MyApp ().