Flutter: comment éviter les changements d'orientation de l'appareil et forcer le portrait?

Je voudrais empêcher mon application de changer son orientation et forcer la mise en page à coller à "portrait".

Dans le main.dart, j'ai mis:

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

mais lorsque j'utilise les boutons de rotation du simulateur Android, la disposition "suit" l'orientation du nouvel appareil ...

Comment pourrais-je résoudre ça?

Merci

Importez package:flutter/services.dart, puis

Mettez l' SystemChrome.setPreferredOrientationsintérieur de la Widget build()méthode.

Exemple:

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

Mettre à jour

Cette solution peut ne pas fonctionner pour certains appareils IOS, comme mentionné dans la documentation mise à jour du flutter d'octobre 2019.

Ils conseillent de fixer l'orientation en définissant UISupportedInterfaceOrientations dans Info.plist comme ceci

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

Pour plus d'informations https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, si vous souhaitez «verrouiller» l'orientation de l'appareil et ne pas l'autoriser à changer lorsque l'utilisateur fait pivoter son téléphone, cela a été facilement défini comme ci-dessous,

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

Vous devez attendre que ce setPreferredOrientationssoit terminé, puis démarrer l'application

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

iOS:

L'appel SystemChrome.setPreferredOrientations()ne fonctionne pas pour moi, et j'ai dû changer le Device Orientationdans le projet Xcode comme suit:

Android:

Définissez l' screenOrientationattribut sur portraitpour l'activité principale du fichier android/app/src/main/AndroidManifest.xmlcomme suit:

La méthode 'setPreferredOrientations' renvoie un objet Future. Par documentation, un Future représente une valeur qui sera disponible quelque part dans le futur. C'est pourquoi vous devez attendre qu'il soit disponible, puis passer à l'application. Par conséquent, il doit être utilisé la méthode «alors», qui, par définition, "enregistre les rappels à appeler lorsque le futur se termine". Par conséquent, vous utiliserez ce code:

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

De plus, le fichier suivant doit être importé:

'package: flutter / services.dart'

Ouvrez android / app / src / main / AndroidManifest.xml et ajoutez la ligne suivante dans MainActivity:

android:screenOrientation="portrait"

Si vous avez ceci:

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

Vous devriez vous retrouver avec quelque chose comme ça:

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

Cela fonctionne pour Android. Sur iOS, vous devrez changer cela depuis la page Xcode: https://i.stack.imgur.com/hswoe.png (comme l'a dit Hejazi)

Tout d'abord importez ceci dans le fichier main.dart

import 'package:flutter/services.dart';

Ensuite , ne copiez pas collez plutôt voyez (rappelez-vous) et écrivez le code ci-dessous dans main.dart fichier

Pour forcer en mode portrait :

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

Pour forcer en mode paysage :

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

Mettez WidgetsFlutterBinding.ensureInitialized () sinon vous obtiendrez une erreur lors de la construction.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

setPreferredOrientationrenvoie a Future<void>, donc il est asynchrone. L'approche la plus lisible consiste à définir maincomme asynchrone:

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

À partir des nouvelles versions de flutter avec le réglage du, preferred Orientationnous devons ajouter une ligne supplémentaire, c'est-à-dire

 WidgetsFlutterBinding.ensureInitialized();

Donc, le code de travail pour cela est -

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

Voici l'exemple officiel de l'équipe 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());
}

Essayer

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

Vous pouvez également modifier les paramètres d'orientation de l'écran dans le fichier manifeste android et ios info.plist.

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

Ensuite, vous incluez la ligne de code ci-dessous dans votre fichier main.dart, et dans votre méthode principale comme ceci:

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

runApp(myApp());

La meilleure solution sera de l'utiliser dans la méthode de construction de MyApp ().