Flattern: Wie kann man Änderungen der Geräteorientierung verhindern und das Porträt erzwingen?

Ich möchte verhindern, dass meine Anwendung ihre Ausrichtung ändert, und das Layout zwingen, sich an "Hochformat" zu halten.

Im main.dart habe ich gesetzt:

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

aber wenn ich die Android Simulator-Drehtasten benutze, "folgt" das Layout der neuen Geräteorientierung ...

Wie könnte ich das lösen?

Vielen Dank

package:flutter/services.dartDann importieren

Lege das SystemChrome.setPreferredOrientations Innere der Widget build()Methode ein.

Beispiel:

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

Aktualisieren

Diese Lösung funktioniert möglicherweise nicht für einige IOS-Geräte, wie in der aktualisierten Flatterdokumentation vom Oktober 2019 erwähnt.

Sie empfehlen, die Ausrichtung zu korrigieren, indem Sie UISupportedInterfaceOrientations in Info.plist wie folgt festlegen

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

Weitere Informationen finden Sie unter https://github.com/flutter/flutter/issues/27235#issuecomment-508995063

@boeledi, Wenn Sie die Ausrichtung des Geräts „sperren“ und nicht ändern möchten, während der Benutzer sein Telefon dreht, wurde dies wie folgt eingestellt:

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

Sie müssen warten, bis setPreferredOrientationsder Vorgang abgeschlossen ist, und dann die App starten

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

iOS:

Das Anrufen SystemChrome.setPreferredOrientations()funktioniert bei mir nicht und ich musste das Device Orientationim Xcode-Projekt wie folgt ändern :

Android:

Setzen Sie das screenOrientationAttribut portraitfür die Hauptaktivität in der Datei android/app/src/main/AndroidManifest.xmlwie folgt:

Die Methode 'setPreferredOrientations' gibt ein Future-Objekt zurück. Pro Dokumentation stellt eine Zukunft einen Wert dar, der irgendwo in Zukunft verfügbar sein wird. Deshalb sollten Sie warten, bis es verfügbar ist, und dann mit der Anwendung fortfahren. Daher soll eine "dann" -Methode verwendet werden, die per Definition "Rückrufe registriert, die aufgerufen werden sollen, wenn die Zukunft abgeschlossen ist". Daher sollten Sie diesen Code verwenden:

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

Außerdem muss die folgende Datei importiert werden:

'package: flutter / services.dart'

Öffnen Sie android / app / src / main / AndroidManifest.xml und fügen Sie die folgende Zeile in die MainActivity ein:

android:screenOrientation="portrait"

Wenn Sie dies haben:

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

Sie sollten am Ende so etwas haben:

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

Dies funktioniert für Android. Unter iOS müssen Sie dies auf der Xcode-Seite ändern: https://i.stack.imgur.com/hswoe.png (wie Hejazi sagte)

Importieren Sie dies zunächst in die Datei main.dart

import 'package:flutter/services.dart';

Dann kopieren Sie nicht Einfügen, sondern sehen (merken) und schreiben den folgenden Code in die Datei main.dart

So erzwingen Sie im Hochformat :

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

Um zu erzwingen , in Landschaftsmodus:

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

Geben Sie WidgetsFlutterBinding.ensureInitialized () ein, da sonst beim Erstellen eine Fehlermeldung angezeigt wird.

import 'package:flutter/services.dart';

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

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

          runApp(MainApp())
        };

setPreferredOrientationgibt a zurück Future<void>, ist also asynchron. Der am besten lesbare Ansatz besteht darin, mainasynchron zu definieren :

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

Ab neuen Flatterversionen preferred Orientationmüssen wir zusammen mit der Einstellung eine zusätzliche Zeile hinzufügen, d. H.

 WidgetsFlutterBinding.ensureInitialized();

Der Arbeitscode dafür lautet also -

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

Versuchen

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

Sie können auch die Einstellungen für die Bildschirmausrichtung im Android-Manifest und in der Datei ios info.plist ändern.

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

Dann fügen Sie die folgende Codezeile in Ihre main.dart-Datei und in Ihre Hauptmethode wie folgt ein:

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

runApp(myApp());

Unten ist das offizielle Beispiel des Flatterteams. 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());
}

Die beste Lösung besteht darin, es in der Erstellungsmethode von MyApp () zu verwenden.