Flutter: come impedire le modifiche all'orientamento del dispositivo e forzare il ritratto?

Vorrei impedire alla mia applicazione di cambiare il suo orientamento e forzare il layout a restare "verticale".

Nel main.dart, ho messo:

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

ma quando utilizzo i pulsanti di rotazione del simulatore Android, il layout "segue" il nuovo orientamento del dispositivo ...

Come potrei risolverlo?

Grazie

Importa package:flutter/services.dart, quindi

Metti l' SystemChrome.setPreferredOrientationsinterno del Widget build()metodo.

Esempio:

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

Aggiornare

Questa soluzione potrebbe non funzionare per alcuni dispositivi IOS, come menzionato nella documentazione flutter aggiornata di ottobre 2019.

Consigliano di correggere l'orientamento impostando UISupportedInterfaceOrientations in Info.plist in questo modo

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

Per maggiori informazioni https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, se vuoi "bloccare" l'orientamento del dispositivo e non permettergli di cambiare mentre l'utente ruota il suo telefono, questo è stato facilmente impostato come di seguito,

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

Devi aspettare fino al setPreferredOrientationstermine e quindi avviare l'app

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

iOS:

La chiamata SystemChrome.setPreferredOrientations()non funziona per me e ho dovuto modificare Device Orientationnel progetto Xcode come segue:

Android:

Impostare l' screenOrientationattributo su portraitper l'attività principale nel file android/app/src/main/AndroidManifest.xmlcome segue:

Il metodo "setPreferredOrientations" restituisce un oggetto Future. Secondo la documentazione, un futuro rappresenta un valore che sarà disponibile da qualche parte in futuro. Ecco perché dovrai aspettare fino a quando non è disponibile e poi andare avanti con l'applicazione. Quindi, deve essere utilizzato il metodo "then", che, per definizione, "registra i callback da chiamare quando il futuro è completo". Quindi, utilizzerai questo codice:

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

Inoltre, è necessario importare il seguente file:

'pacchetto: flutter / services.dart'

Apri android / app / src / main / AndroidManifest.xml e aggiungi la seguente riga in MainActivity:

android:screenOrientation="portrait"

Se hai questo:

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

Dovresti finire con qualcosa del genere:

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

Funziona per Android. Su iOS, dovrai modificarlo dalla pagina Xcode: https://i.stack.imgur.com/hswoe.png (come ha detto Hejazi)

Prima di tutto importalo nel file main.dart

import 'package:flutter/services.dart';

Quindi non copiare e incollare piuttosto vedere (ricorda) e scrivere sotto il codice nel file main.dart

Per forzare in modalità verticale :

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

Per forzare in modalità orizzontale :

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

Metti WidgetsFlutterBinding.ensureInitialized () altrimenti riceverai un errore durante la creazione.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

setPreferredOrientationrestituisce a Future<void>, quindi è asincrono. L'approccio più leggibile è definire maincome asincrono:

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

A partire dalle nuove versioni di flutter insieme all'impostazione di preferred Orientationdobbiamo aggiungere una riga in più, ad es

 WidgetsFlutterBinding.ensureInitialized();

Quindi il codice funzionante per questo è -

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

Di seguito è riportato l'esempio ufficiale del team di 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());
}

Provare

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

Puoi anche modificare le impostazioni di orientamento dello schermo nel file manifest di Android e ios info.plist.

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

Quindi includi la riga di codice qui sotto nel tuo file main.dart e nel tuo metodo principale in questo modo:

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

runApp(myApp());

La soluzione migliore sarà utilizzarlo nel metodo di compilazione di MyApp ().