Aus dem Kurs: React Native Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Vollbildansicht mit Geräteorientierung festlegen

Vollbildansicht mit Geräteorientierung festlegen – Tutorial zu React Native

Aus dem Kurs: React Native Grundkurs

Gratismonat starten Für Ihr Team erwerben

Vollbildansicht mit Geräteorientierung festlegen

“

In vielen Apps, in denen Videos angezeigt werden, wird beim Drehen des Gerätes das Video als Vollbild angezeigt. Geanu diese Funktion wollen wir auch der videoView unserer App hinzufügen. Dafür beobachten wir zunächst einmal das aktuelle Verhalten. Um die App drehen zu können mit den Buttons des Emulators, ist es nötig, Auto-rotate einzuschalten. Wenn wir die App nun drehen, sehen wir, dass unser Layout aktuell nicht sehr gut auf Landscape aussieht. Um das Ganze besser zu machen, verwenden wir die Bibliothek react-native-orientation. Diese erlaubt es uns, die Änderungen der Orientation sofort zu erkennen und beispielsweise eine andere Darstellung zu aktivieren. Neben der Installation des Packages als solches ist auch eine weitere Konfiguration notwendig jeweils für iOS und Android. Wir beginnen also dafür zunächst einmal mit der Installation und dem Befehl yarn add react-native-orientation. Außerdem benötigen wir noch die Types als Development-Dependency. Als Nächstes nehmen wir nun…

Inhalt