1 00:00:02,190 --> 00:00:08,880 Une note importante est que l'API des dimensions est de loin la plus importante que vous ayez et React Native quand il s'agit 2 00:00:08,880 --> 00:00:12,390 de travailler dynamiquement avec la largeur et la hauteur des étiquettes. 3 00:00:12,420 --> 00:00:16,640 Cela fait partie de React Native et ne dépend pas de l'exportation ou de quelque chose comme ça. 4 00:00:16,810 --> 00:00:24,690 Cependant, Ex Bill vous donne également une API que vous pouvez utiliser.Vous pouvez importer quelque chose depuis expo en ce jour 5 00:00:24,690 --> 00:00:30,270 uniquement pour les travaux et les applications expo et c'est l'objet d'orientation de l'écran. 6 00:00:30,270 --> 00:00:36,210 Il s'agit d'un objet qui vous aide à détecter les changements d'orientation de l'écran et à verrouiller également l'orientation de l'écran lorsque votre 7 00:00:36,210 --> 00:00:37,760 application est en cours d'exécution. 8 00:00:37,860 --> 00:00:43,800 Donc, même si vous n'avez initialement défini aucun verrou ici dans le fichier Jason de votre application, vous pouvez toujours en ajouter un 9 00:00:43,800 --> 00:00:46,550 après avoir démarré votre application à l'aide de cette API. 10 00:00:46,770 --> 00:00:52,870 L'API d'orientation d'écran a quelques fonctionnalités et je veux vous les présenter rapidement. 11 00:00:52,890 --> 00:00:56,460 Vous pouvez bien sûr jouer avec eux pour en savoir plus sur eux. 12 00:00:56,490 --> 00:01:05,080 Par exemple, vous devez verrouiller la méthode asynchrone, cela verrouille l'orientation à la fin et vous définissez le verrou. 13 00:01:05,080 --> 00:01:12,060 En utilisant maintenant le point d'orientation de l'écran, vous définissez ceci sur le verrouillage d'orientation, puis par exemple sur les opérations de 14 00:01:12,060 --> 00:01:18,930 portrait ou de portrait vers le bas ou sur de nombreuses possibilités de configuration que vous avez ici et maintenant j'appelle 15 00:01:18,930 --> 00:01:20,910 cela dans l'écran de jeu. 16 00:01:20,910 --> 00:01:27,680 Cela signifie que je peux le faire pivoter librement tant que je configure le jeu, mais dès que le jeu 17 00:01:27,680 --> 00:01:33,560 démarre, vous verrez que l'orientation ne change plus, ce qui peut être utile si vous devez le 18 00:01:33,560 --> 00:01:34,120 verrouiller. 19 00:01:34,250 --> 00:01:41,360 Lorsque votre application atteint un certain point, en plus de cette API d'orientation discrète, ici vous donne également une fonction 20 00:01:41,360 --> 00:01:47,300 pour obtenir l'orientation actuelle et async signifie simplement que cela vous donne une promesse qui ne 21 00:01:47,300 --> 00:01:49,070 le fait pas immédiatement. 22 00:01:49,070 --> 00:01:54,110 Cela vous donne une promesse où vous finirez par obtenir le résultat, mais le résultat sera des données très rapidement. 23 00:01:54,110 --> 00:02:01,100 Tout simplement pas dans la ligne de code suivante immédiatement et vous pouvez également configurer un écouteur de changement d'orientation par exemple 24 00:02:01,100 --> 00:02:05,070 et cet écouteur de changement d'orientation fera ce que cela ressemble. 25 00:02:05,090 --> 00:02:10,850 Il déclenche une fonction chaque fois que vous changez d'orientation, ce qui peut être utile si vous disposez de différentes dispositions qui 26 00:02:10,850 --> 00:02:16,070 ne dépendent que de la question de savoir si vous êtes en mode portrait ou paysage et pas tellement 27 00:02:16,070 --> 00:02:21,600 en fonction des dimensions car, bien sûr, il est important de garder à l'esprit qu'avec le code que nous avons 28 00:02:21,620 --> 00:02:27,860 écrit ici avec effet d'utilisation où nous écoutons les changements de dimensions, nous ne réagissons pas seulement techniquement aux changements d'orientation, bien que 29 00:02:28,010 --> 00:02:31,420 ce soit généralement ce qui change la largeur et la hauteur disponibles. 30 00:02:31,490 --> 00:02:36,800 Il n'y a vraiment rien d'autre qui pourrait le changer, mais vous ne vérifiez pas uniquement si 31 00:02:36,800 --> 00:02:43,680 votre orientation a changé et vous ne pouvez pas directement vérifier si l'orientation a changé et est maintenant un portrait à la place, 32 00:02:43,910 --> 00:02:49,700 vous pouvez écouter un changement, puis la fonction que vous tirez a vérifié le nouveau niveau de distance et le 33 00:02:49,880 --> 00:02:50,890 type de découverte. 34 00:02:50,930 --> 00:02:51,200 D'ACCORD. 35 00:02:51,230 --> 00:02:55,000 C'est beaucoup avec nous sommes probablement dans le paysage maintenant. 36 00:02:55,190 --> 00:03:00,590 C'est quelque chose que vous pouvez deviner mais vous ne savez pas parce que vous vérifiez la 37 00:03:00,770 --> 00:03:03,620 largeur et la hauteur et non l'orientation maintenant. 38 00:03:03,610 --> 00:03:05,990 Généralement, c'est la largeur et la hauteur qui comptent pour vous. 39 00:03:05,990 --> 00:03:11,060 Bien que vous ne soyez peut-être pas intéressé si vous êtes en mode paysage et avez beaucoup de largeur ou si 40 00:03:11,060 --> 00:03:15,830 l'application exécute un cache-œil et a donc plus de largeur que sur un téléphone, vous pourriez simplement être intéressé 41 00:03:15,830 --> 00:03:21,020 par la question de savoir combien avec avoir et ensuite rendre votre mise en page basée sur cela peu importe si c'est 42 00:03:21,020 --> 00:03:25,100 le cas parce que vous êtes dans le téléphone paysage ou un iPad en mode portrait. 43 00:03:25,400 --> 00:03:31,250 Donc, ils vous ont proposé l'API des dimensions est l'API importante, mais je ne voulais pas vous cacher l'orientation 44 00:03:31,250 --> 00:03:37,400 d'écran qu'API Expo vous expose, en particulier parce qu'elle peut également être utilisée pour verrouiller et déverrouiller bien sûr l'orientation au 45 00:03:37,560 --> 00:03:40,700 moment de l'exécution qui peut être utile à certains moments.