Flattern: Wie das festlegen und sperren der Bildschirmausrichtung on-demand

Auf einer meiner Seiten flattern, ich brauche den Bildschirm zum Querformat, und es sperren, so kann es nicht drehen in den portrait-Modus, aber nur auf der einen Seite. Also müssen Sie einen Weg, um diese Funktion zu aktivieren on-the-fly. Wer weiß, wie dies zu tun?

Möchte ich es zu drehen, Querformat Links oder Querformat rechts, nur nicht in den portrait-Modus.

InformationsquelleAutor Jus10 | 2018-05-14
  1. 55

    Zuerst importieren Sie das Dienste-Paket:

    import 'package:flutter/services.dart';

    Dadurch erhalten Sie Zugriff auf die SystemChrome Klasse "Controls specific aspects of the operating system's graphical interface and how it interacts with the application."

    Beim laden des Widget, tun Sie etwas wie dieses:

    @override
void initState(){
  super.initState();
  SystemChrome.setPreferredOrientations([
      DeviceOrientation.landscapeRight,
      DeviceOrientation.landscapeLeft,
  ]);
}

    wenn ich dann die Seite verlassen, wieder zurück auf normal so:

    @override
dispose(){
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.landscapeRight,
    DeviceOrientation.landscapeLeft,
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]);
  super.dispose();
}
    InformationsquelleAutor Jus10
  2. 8

    Ich würde mit einem einfachen mixin zu Telefon sperren im portrait -. Die folgende Lösung sperrt die gesamte app im portrait - oder stellt spezifische Bildschirme portrait, während der rotation elsewere. 

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

///Forces portrait-only mode application-wide
///Use this Mixin on the main app widget i.e. app.dart
///Flutter's 'App' has to extend Stateless widget.
///
///Call `super.build(context)` in the main build() method
///to enable portrait only mode
mixin PortraitModeMixin on StatelessWidget {
  @override
  Widget build(BuildContext context) {
    _portraitModeOnly();
    return null;
  }
}

///Forces portrait-only mode on a specific screen
///Use this Mixin in the specific screen you want to
///block to portrait only mode.
///
///Call `super.build(context)` in the State's build() method
///and `super.dispose();` in the State's dispose() method
mixin PortraitStatefulModeMixin<T extends StatefulWidget> on State<T> {
  @override
  Widget build(BuildContext context) {
    _portraitModeOnly();
    return null;
  }

  @override
  void dispose() {
    _enableRotation();
  }
}

///blocks rotation; sets orientation to: portrait
void _portraitModeOnly() {
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]);
}

void _enableRotation() {
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
    DeviceOrientation.landscapeLeft,
    DeviceOrientation.landscapeRight,
  ]);
}

    Zu block rotation in der gesamten app implementieren PortraitModeMixin im main App widget. Denken Sie daran, zu nennen super.build(context) im Widget build(BuildContext context) Methode.

    ///Main App widget
class App extends StatelessWidget with PortraitModeMixin {
  const App();

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return CupertinoApp(
      title: 'Flutter Demo',
      theme: CupertinoThemeData(),
      home: Text("Block screen rotation example"),
    );
  }
}

    Zu block rotation in einem bestimmten Bildschirm implementieren PortraitStatefulModeMixin<SampleScreen> in den spezifischen Bildschirm, die dem staatlichen. Denken Sie daran, zu nennen super.build(context) im Staatlichen build() Methode und super.dispose() im dispose() Methode. Wenn Ihr Bildschirm ist ein StatelessWidget - wiederholen Sie einfach die App-Lösung (Vorheriges Beispiel), d.h. die Verwendung PortraitModeMixin.

    ///Specific screen
class SampleScreen extends StatefulWidget {
  SampleScreen() : super();

  @override
  State<StatefulWidget> createState() => _SampleScreenState();
}

class _SampleScreenState extends State<SampleScreen>
    with PortraitStatefulModeMixin<SampleScreen> {
  @override
  Widget build(BuildContext context) {
    super.build(context);
    return Text("Flutter - Block screen rotation example");
  }

  @override
  void dispose() {
     super.dispose();
  }
}

    Mixins in Verbindung mit einer solchen syntax arbeiten von Dart 2.1

    • Ich habe versucht, Ihre mixin-Klasse - stateless-version funktioniert ganz gut, jedoch zustandsbehaftete man wirft eine Ausnahme, wenn meine zustandsbehaftete-Klasse, ruft deren Methode entsorgt. Beachten Sie, das nenne ich super.dispose() innerhalb meiner Klasse. Unten ist die Fehlermeldung: I/ - flattern (29686): Die folgende assertion geworfen wurde, während der Finalisierung der widget-Baum: E/ - flattern (29686): _MultiPlayerAcceptPageState.entsorgen Sie konnte nicht rufen Sie super.entsorgen Sie. Ich/flattern (29686): die dispose () - Implementierungen müssen immer rufen Sie Ihre Superklasse die dispose () - Methode, um sicherzustellen, dass alle I/ - flattern (29686): Ressourcen im widget vollständig gelöst sind.
    InformationsquelleAutor kosiara - Bartosz Kosarzycki
Schreibe einen Kommentar