Flutter : comment empêcher les changements d'orientation de l'appareil et forcer le mode portrait ?

Question

Je voudrais empêcher mon application de changer son orientation et forcer la disposition à rester en "portrait".

Dans le main.dart, j'ai ajouté:

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

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

Comment pourrais-je résoudre ce problème?

Merci

Answer 1

Importer package:flutter/services.dart, puis

Placez SystemChrome.setPreferredOrientations à l'intérieur de la méthode Widget build().

Exemple :

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

Mise à jour

Cette solution pourrait ne pas fonctionner pour certains appareils IOS comme mentionné dans la documentation Flutter mise à jour en octobre 2019.

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

    UIInterfaceOrientationPortrait

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

Answer 2

@boeledi, Si vous souhaitez "verrouiller" l'orientation de l'appareil et ne pas permettre qu'elle change lorsque l'utilisateur pivote son téléphone, cela peut être facilement configuré comme suit,

// Cela n'a pas fonctionné comme demandé
void main() {
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
  runApp(new MyApp());
}

Vous devez attendre que setPreferredOrientations soit terminé avant de démarrer l'application

// Cela fonctionnera toujours pour verrouiller l'orientation de l'écran.
void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp])
    .then((_) {
      runApp(new MyApp());
    });
}

Answer 3

iOS:

Appeler SystemChrome.setPreferredOrientations() ne fonctionne pas pour moi et j'ai dû changer l'Orientation de l'appareil dans le projet Xcode comme suit:

Android:

Définissez l'attribut screenOrientation sur portrait pour l'activité principale dans le fichier android/app/src/main/AndroidManifest.xml comme suit:

Answer 4

La méthode 'setPreferredOrientations' retourne un objet Future. Selon la documentation, un Future représente une valeur qui sera disponible quelque part dans le futur. C'est pourquoi vous devez attendre qu'elle soit disponible avant de continuer avec l'application. Par conséquent, vous devez utiliser la méthode 'then', qui, par définition, "enregistre des rappels à appeler lorsque le Future est terminé". Ainsi, vous devez utiliser ce code :

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

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

'package:flutter/services.dart'

Answer 5

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

import 'package:flutter/services.dart';

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

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()),
      );