Im Moment ist unsere App immer auf den Hochformatmodus eingestellt.
Wenn Sie das Gerät drehen, was Sie mit Ihren Emulator-Controllern tun können, können Sie es hier auf Android mit diesen
beiden Schaltflächen drehen. Die Größe wird dann hier
geändert, aber Sie können es drehen und unter iOS auf dem Simulator können Sie die Oberseite verwenden Menü
hier, um nach links oder rechts zu drehen oder die hier angezeigten Verknüpfungen zu verwenden, die standardmäßig Befehl oder unter
Windows und Linux sein sollten, steuern und dann die linke und rechte Pfeiltaste.
Damit können Sie es auch drehen, aber Sie werden sehen, dass sich Ihr Bildschirm nicht dreht, und das passiert, weil Sie in
Expo-Apps die Geräteorientierung in Ihrer App einfach sperren können. JSON-Datei. In dieser Datei konfigurieren Sie Ihre App
und wir werden während dieses Kurses auf diese Datei zurückkommen, um verschiedene Dinge zu ändern.
Das einzige, woran wir gerade interessiert sind, ist diese Orientierungseigenschaft, die Sie hier sehen. Sie ist hier auf
Hochformat
eingestellt. Das bedeutet, dass diese App nur im Hochformat verwendet werden kann.
Dies ist eine nützliche Funktion, da einige Apps wirklich gesperrt werden müssen, einige
Apps im Querformat keinen Sinn ergeben und Sie viele Apps in freier Wildbahn haben, die tatsächlich
gesperrt sind.
Wenn Sie also eine App haben oder wissen, dass sie nur im Hochformat funktioniert, können Sie diese hier auf Hochformat
setzen, um sie daran zu binden.
Sie können es auch auf Querformat einstellen, um sicherzustellen, dass Ihre App nur im
Querformat verwendet werden kann. Einige Spiele benötigen dies beispielsweise. Sie können dies auch auf Standard setzen. Standard bedeutet, dass es
gedreht werden kann und beide Ausrichtungen unterstützt
werden. Verwenden wir dies jetzt.
Wenn Sie das speichern, werden Sie feststellen, dass es sich immer noch nicht ändert, wenn Sie es jetzt drehen. Sie
müssen lediglich den Task-Manager auf Ihrem Emulator oder Ihrem realen Gerät öffnen und die App auch einmal
schließen hier auf Android.
Und wenn dies geschlossen ist, wenn Sie es hier neu starten, indem Sie hier in dem Terminal, in dem npm start ausgeführt
wird, a und i drücken, wird die App neu gestartet, und jetzt können Sie dies hier auf iOS und Android auch
drehen, aber dort, Sie Zunächst müssen Sie hier von oben nach unten ziehen, um dieses Menü hier zu öffnen und die Drehung
durch Klicken auf diese Schaltfläche zu aktivieren. Wenn es aktiviert ist, können Sie auch auf Android drehen. Was Sie jetzt natürlich sehen werden, ist,
dass es beim Drehen möglicherweise wieder kaputt geht, zum Beispiel hier in Android,
wir können unsere Schaltfläche zum Starten des Spiels nicht wirklich erreichen und unter iOS ist es dasselbe. Dort haben wir auch das zusätzliche Problem,
dass unsere Softtastatur diesen Eingang überlappt, wenn wir ihn öffnen.
Das ist natürlich nicht ideal,
ich kann es auch nicht mehr
schließen, also stecke ich hier jetzt im Grunde fest. Ich kann es hier im Simulator schließen, aber auf einem
realen Gerät wäre
das ein Problem und ich kann hier auch meinen Startspielknopf nicht erreichen.
Das müssen Sie also auch testen, wenn Sie eine App erstellen, und Sie können entweder sicherstellen,
dass sie immer funktioniert, indem Sie die Ausrichtung sperren, oder wie wir es jetzt tun sollten, indem Sie sicherstellen, dass dies auch gut
aussieht, da dies im Moment nicht
der Fall ist mit diesen Tasten und vor allem funktioniert auf allen Ausrichtungen.
Das ist das nächste, worauf wir eingehen werden.