Flutter: ¿cómo evitar los cambios de orientación del dispositivo y forzar el retrato?

Me gustaría evitar que mi aplicación cambie su orientación y forzar el diseño para que se adhiera a "retrato".

En el main.dart, puse:

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

pero cuando uso los botones de rotación del Simulador de Android, el diseño "sigue" la orientación del nuevo dispositivo ...

¿Cómo podría solucionar esto?

Gracias

Importar package:flutter/services.dart, luego

Pon SystemChrome.setPreferredOrientationsel Widget build()método por dentro .

Ejemplo:

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

Actualizar

Es posible que esta solución no funcione para algunos dispositivos IOS como se menciona en la documentación actualizada de Flutter en octubre de 2019.

Aconsejan arreglar la orientación configurando UISupportedInterfaceOrientations en Info.plist de esta manera

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

Para obtener más información https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, si desea "bloquear" la orientación del dispositivo y no permitir que cambie cuando el usuario gira su teléfono, esto se configuró fácilmente como se muestra a continuación,

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

Tienes que esperar hasta setPreferredOrientationsque termine y luego iniciar la aplicación

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

iOS:

Llamar SystemChrome.setPreferredOrientations()no funciona para mí, y tuve que cambiar el Device Orientationen el proyecto Xcode de la siguiente manera:

Androide:

Establezca el screenOrientationatributo en portraitpara la actividad principal en el archivo de la android/app/src/main/AndroidManifest.xmlsiguiente manera:

El método 'setPreferredOrientations' devuelve un objeto Future. Según la documentación, un futuro representa algún valor que estará disponible en algún lugar en el futuro. Es por eso que debe esperar hasta que esté disponible y luego continuar con la aplicación. Por lo tanto, se utilizará el método 'entonces', que, por definición, "registra las devoluciones de llamada que se llamarán cuando se complete el futuro". Por lo tanto, debe utilizar este código:

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

Además, se debe importar el siguiente archivo:

'paquete: flutter / services.dart'

Abra android / app / src / main / AndroidManifest.xml y agregue la siguiente línea en MainActivity:

android:screenOrientation="portrait"

Si tienes esto:

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

Deberías terminar con algo como esto:

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

Esto funciona para Android. En iOS, tendrá que cambiar esto desde la página de Xcode: https://i.stack.imgur.com/hswoe.png (como dijo Hejazi)

En primer lugar, importe esto en el archivo main.dart

import 'package:flutter/services.dart';

Entonces no copie y pegue en lugar de ver (recordar) y escribir debajo del código en el archivo main.dart

Para forzar en modo retrato :

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

Para forzar en modo horizontal :

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

Coloque WidgetsFlutterBinding.ensureInitialized (); de lo contrario, obtendrá un error durante la construcción.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

setPreferredOrientationdevuelve un Future<void>, por lo que es asincrónico. El enfoque más legible es definir maincomo asincrónico:

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

A partir de las nuevas versiones de flutter junto con la configuración preferred Orientation, necesitamos agregar una línea adicional, es decir

 WidgetsFlutterBinding.ensureInitialized();

Entonces, el código de trabajo para esto es:

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

A continuación se muestra el ejemplo oficial del equipo 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());
}

Tratar

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

También puede cambiar la configuración de orientación de la pantalla en el manifiesto de Android y el archivo ios info.plist.

Importar importación 'paquete: flutter / services.dart';

Luego, incluye la línea de código a continuación en su archivo main.dart, y en su método principal así:

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

runApp(myApp());

La mejor solución será usarlo en el método de compilación de MyApp ().