Erste Schritte mit Flutter für Surface Duo

Befolgen Sie für die ersten Schritte die Anweisungen zum Herunterladen und Installieren des Dual-Screen-Emulators für Surface Duo auf einen Computer, den Sie auch für die Flutter-Entwicklung eingerichtet haben. Wenn Flutter auf Ihrem System nicht installiert ist, können Sie den Leitfaden für die ersten Schritte mit Flutter befolgen.

Flutter-Unterstützung für Faltbarkeit

MediaQuery-Anzeigefeatures

Die Grundlage für den Faltbarkeit-Support in Flutter sind Anzeigefeatures. Sie sind Teile der Anzeige, die eine visuelle Verzerrung erzeugen und eine logische Trennung im Bildschirmbereich erstellen können. Weitere Informationen zu deren Benutzung finden Sie in der MediaQuery-Dokumentation.

Dialogfelder und Popups

Dialogfelder und Popupmenüs berücksichtigen Anzeigefeatures und verhindern deren Überlappung. Lesen Sie die Dokumentation zu " Hinge-aware popup routes", um eine bessere Kontrolle über Ihre Dialogfeldplatzierung und Ihr Popupverhalten zu bekommen.

TwoPane-Widget

Es wird empfohlen, mit Komponenten auf höherer Ebene zu arbeiten, wenn Ihr Projekt für diese geeignet ist. TwoPane ist ein Widget, das es beim Aufspannen Ihrer Anwendung erleichtert, jeden Bildschirm aufzufüllen. Es hilft folglich auch bei Tablet- und Desktop-Layouts, sowie bei Layouts von größeren Bildschirmen. Weitere Informationen finden Sie in der TwoPane-Dokumentation.

Arbeiten mit dem Scharnierwinkel

Das Scharnier des Surface Duo und anderer faltbarer Geräte enthält einen Sensor, der uns den Winkel zwischen den beiden Bildschirmen angibt. Dieser wird wie Daten auf niedriger Ebene behandelt, und wir empfehlen stattdessen direkt die Verwendung von Anzeigefeaturestatus. Wenn Ihr Anwendungsfall den genauen Scharnierwinkel benötigt, lesen Sie die Scharnierwinkeldokumentation.