1 00:00:02,190 --> 00:00:08,880 Ein wichtiger Hinweis: Die Dimensions-API ist bei weitem die wichtigste API, die Sie haben, und React Native, wenn es darum geht, dynamisch mit der Art 2 00:00:08,880 --> 00:00:12,390 und Weise zu arbeiten, wie Breite und Höhe des Labels angezeigt werden. 3 00:00:12,420 --> 00:00:16,640 Es ist Teil von React Native und hängt nicht vom Export oder Ähnlichem ab. 4 00:00:16,810 --> 00:00:24,690 Ex-Rechnung bietet Ihnen jedoch auch eine API, mit der Sie an diesem Tag etwas von der Expo importieren können, natürlich 5 00:00:24,690 --> 00:00:30,270 nur für Werke und Expo-Apps, und das ist das Objekt für die Bildschirmorientierung. 6 00:00:30,270 --> 00:00:36,210 Dies ist ein Objekt, mit dem Sie Änderungen der Bildschirmausrichtung erkennen und die Bildschirmausrichtung sperren können, wenn 7 00:00:36,210 --> 00:00:37,760 Ihre App ausgeführt wird. 8 00:00:37,860 --> 00:00:43,800 Selbst wenn Sie hier in Ihrer App-Jason-Datei zunächst keine Sperre gesetzt haben, können Sie nach dem Start 9 00:00:43,800 --> 00:00:46,550 Ihrer App mithilfe dieser API eine hinzufügen. 10 00:00:46,770 --> 00:00:52,870 Die Bildschirmorientierungs-API verfügt über einige Funktionen, die ich Ihnen schnell erläutern möchte. 11 00:00:52,890 --> 00:00:56,460 Sie können natürlich mit ihnen herumspielen, um mehr über sie zu erfahren. 12 00:00:56,490 --> 00:01:05,080 Zum Beispiel müssen Sie die asynchrone Methode sperren, um die Ausrichtung am Ende zu sperren und die Sperre festzulegen. 13 00:01:05,080 --> 00:01:12,060 Nach und nach verwenden Sie den Bildschirmausrichtungspunkt dort, um die Ausrichtungssperre zu aktivieren, und dann zum Beispiel, um 14 00:01:12,060 --> 00:01:18,930 Porträtoperationen oder viele Konfigurationsmöglichkeiten, die Sie hier haben, darzustellen oder zu porträtieren, und jetzt rufe ich dies 15 00:01:18,930 --> 00:01:20,910 auf dem Spielbildschirm auf. 16 00:01:20,910 --> 00:01:27,680 Dies bedeutet, dass ich dies frei drehen kann, solange ich das Spiel konfiguriere. Sobald das Spiel beginnt, werden Sie 17 00:01:27,680 --> 00:01:33,560 feststellen, dass sich die Ausrichtung nicht mehr ändert. Dies kann nützlich sein, wenn Sie dies sperren 18 00:01:33,560 --> 00:01:34,120 müssen. 19 00:01:34,250 --> 00:01:41,360 Wenn Ihre App zusätzlich zu dieser diskreten Orientierungs-API einen bestimmten Punkt erreicht, erhalten Sie hier auch eine Funktion 20 00:01:41,360 --> 00:01:47,300 zum Abrufen der aktuellen Orientierung. Asynchron bedeutet einfach, dass Sie ein Versprechen erhalten, das 21 00:01:47,300 --> 00:01:49,070 dies nicht sofort tut. 22 00:01:49,070 --> 00:01:54,110 Es gibt Ihnen ein Versprechen, wo Sie schließlich das Ergebnis erhalten, aber das Ergebnis werden Daten sehr schnell sein. 23 00:01:54,110 --> 00:02:01,100 Nur nicht sofort in der nächsten Codezeile und Sie können zum Beispiel auch einen Orientierungsänderungs-Listener einrichten, 24 00:02:01,100 --> 00:02:05,070 und dieser Orientierungsänderungs-Listener macht das, wonach es sich anhört. 25 00:02:05,090 --> 00:02:10,850 Es wird eine Funktion ausgelöst, wenn Sie die Ausrichtung ändern. Dies kann nützlich sein, wenn Sie unterschiedliche Layouts 26 00:02:10,850 --> 00:02:16,070 haben, die nur von der Frage abhängen, ob Sie sich im Hoch- oder Querformat befinden, und 27 00:02:16,070 --> 00:02:21,600 nicht so sehr von den Abmessungen, da dies natürlich wichtig ist Der Code, den wir hier mit 28 00:02:21,620 --> 00:02:27,860 Verwendungseffekt geschrieben haben, bei dem wir Änderungen in den Abmessungen abhören, reagieren technisch gesehen nicht nur auf Änderungen der Ausrichtung, 29 00:02:28,010 --> 00:02:31,420 obwohl dies normalerweise die verfügbare Breite und Höhe ändert. 30 00:02:31,490 --> 00:02:36,800 Es gibt nicht wirklich etwas anderes, das dies ändern könnte, aber Sie überprüfen nicht nur streng, ob sich 31 00:02:36,800 --> 00:02:43,680 Ihre Ausrichtung geändert hat, und Sie können nicht direkt überprüfen, ob sich die Ausrichtung geändert hat, und es handelt sich jetzt um ein Porträt, 32 00:02:43,910 --> 00:02:49,700 stattdessen können Sie auf eine Änderung warten und dann einsteigen Die Funktion, die Sie abfeuern, hat das neue Auswärtslevel überprüft und 33 00:02:49,880 --> 00:02:50,890 es irgendwie herausgefunden. 34 00:02:50,930 --> 00:02:51,200 IN ORDNUNG. 35 00:02:51,230 --> 00:02:55,000 Dies ist eine Menge von mit wir sind wahrscheinlich jetzt in der Landschaft. 36 00:02:55,190 --> 00:03:00,590 Das können Sie erraten, aber Sie wissen es nicht, weil Sie jetzt nach der Breite 37 00:03:00,770 --> 00:03:03,620 und Höhe suchen, nicht nach der Ausrichtung. 38 00:03:03,610 --> 00:03:05,990 Normalerweise ist es die Breite und Höhe, die für Sie wichtig ist. 39 00:03:05,990 --> 00:03:11,060 Obwohl Sie möglicherweise nicht interessiert sind, ob Sie sich im Querformat befinden und viel Breite haben oder ob 40 00:03:11,060 --> 00:03:15,830 die App eine Augenklappe ausführt und daher mehr Breite als auf einem Telefon hat, könnte Sie die 41 00:03:15,830 --> 00:03:21,020 Frage interessieren, wie viel ich tun soll Haben und rendern Sie dann Ihr Layout basierend darauf, egal ob dies 42 00:03:21,020 --> 00:03:25,100 der Fall ist, weil Sie sich im Querformat-Telefon oder einem iPad im Hochformat befinden. 43 00:03:25,400 --> 00:03:31,250 Sie haben Ihnen also Dimensionen angeboten. Die API ist die wichtige API, aber ich wollte die Bildschirmausrichtung nicht 44 00:03:31,250 --> 00:03:37,400 verbergen, die die Expo vor Ihnen verfügbar macht, insbesondere, weil sie natürlich auch zum Sperren und Entsperren der Ausrichtung zur 45 00:03:37,560 --> 00:03:40,700 Laufzeit verwendet werden kann, was manchmal nützlich sein kann.