1 00:00:02,190 --> 00:00:08,880 Una nota importante es que la API de dimensiones es, con mucho, la API más importante que tiene y React Native cuando se trata 2 00:00:08,880 --> 00:00:12,390 de trabajar dinámicamente con el ancho y la altura de la etiqueta. 3 00:00:12,420 --> 00:00:16,640 Es parte de React Native y no depende de la exportación ni nada de eso. 4 00:00:16,810 --> 00:00:24,690 Sin embargo, Ex Bill también le brinda una API que puede usar, puede importar algo de la exposición en este día solo para trabajos 5 00:00:24,690 --> 00:00:30,270 y aplicaciones de exposición, por supuesto, y ese es el objeto de orientación de la pantalla. 6 00:00:30,270 --> 00:00:36,210 Este es un objeto que le ayuda a detectar cambios en la orientación de la pantalla y también bloquea la orientación de la pantalla 7 00:00:36,210 --> 00:00:37,760 cuando su aplicación se está ejecutando. 8 00:00:37,860 --> 00:00:43,800 Entonces, incluso si inicialmente no configuró ningún bloqueo aquí en su archivo Jason de la aplicación, aún puede agregar uno después de 9 00:00:43,800 --> 00:00:46,550 iniciar su aplicación con la ayuda de esa API. 10 00:00:46,770 --> 00:00:52,870 La API de orientación de pantalla tiene un par de funcionalidades y quiero guiarlo rápidamente a través de ellas. 11 00:00:52,890 --> 00:00:56,460 Por supuesto, puedes jugar con ellos para aprender más sobre ellos. 12 00:00:56,490 --> 00:01:05,080 Por ejemplo, debe bloquear el método asíncrono, esto bloquea la orientación al final y configura el bloqueo. 13 00:01:05,080 --> 00:01:12,060 En este momento, usando el punto de orientación de la pantalla, configura el bloqueo de orientación y luego, por ejemplo, 14 00:01:12,060 --> 00:01:18,930 para retratar o retratar las operaciones de retrato o muchas posibilidades de configuración que tiene aquí y ahora lo llamo 15 00:01:18,930 --> 00:01:20,910 en la pantalla del juego. 16 00:01:20,910 --> 00:01:27,680 Esto significa que puedo rotar libremente mientras esté configurando el juego, pero tan pronto como el juego comience, 17 00:01:27,680 --> 00:01:33,560 verás que la orientación ya no cambia, por lo que puede ser útil si necesitas bloquear 18 00:01:33,560 --> 00:01:34,120 esto. 19 00:01:34,250 --> 00:01:41,360 Cuando su aplicación alcanza un cierto punto, además de esa orientación discreta, la API aquí también le brinda una función 20 00:01:41,360 --> 00:01:47,300 para obtener la orientación actual y asíncrono simplemente significa que esto le da una promesa que no 21 00:01:47,300 --> 00:01:49,070 hace eso de inmediato. 22 00:01:49,070 --> 00:01:54,110 Le da una promesa de dónde finalmente obtendrá el resultado, pero el resultado serán datos muy rápidos. 23 00:01:54,110 --> 00:02:01,100 Simplemente no en la siguiente línea de código inmediatamente y también puede configurar un oyente de cambio de orientación, por ejemplo, 24 00:02:01,100 --> 00:02:05,070 y este oyente de cambio de orientación hará lo que parece. 25 00:02:05,090 --> 00:02:10,850 Activa una función cada vez que cambia la orientación que puede ser útil si tiene diferentes diseños que solo 26 00:02:10,850 --> 00:02:16,070 dependen de la pregunta si está en modo vertical u horizontal y no tanto en las dimensiones 27 00:02:16,070 --> 00:02:21,600 porque, por supuesto, es importante tener en cuenta que con el código que escribimos aquí con efecto de 28 00:02:21,620 --> 00:02:27,860 uso donde escuchamos los cambios en las dimensiones que técnicamente no solo reaccionamos a los cambios de orientación, aunque eso es 29 00:02:28,010 --> 00:02:31,420 lo que generalmente cambia el ancho y la altura disponibles. 30 00:02:31,490 --> 00:02:36,800 Realmente no hay nada más que pueda cambiarlo, pero no solo está verificando estrictamente si su 31 00:02:36,800 --> 00:02:43,680 orientación cambió y no puede verificar directamente la orientación cambiada y ahora es un retrato, en cambio, puede escuchar un 32 00:02:43,910 --> 00:02:49,700 cambio y luego en la función que disparó verificó el nuevo nivel de distancia y una especie 33 00:02:49,880 --> 00:02:50,890 de descubrimiento. 34 00:02:50,930 --> 00:02:51,200 OKAY. 35 00:02:51,230 --> 00:02:55,000 Esto es mucho de lo que probablemente ahora estamos en el paisaje. 36 00:02:55,190 --> 00:03:00,590 Eso es algo que puedes adivinar, pero no lo sabes porque estás comprobando el ancho 37 00:03:00,770 --> 00:03:03,620 y la altura, no la orientación ahora. 38 00:03:03,610 --> 00:03:05,990 Por lo general, lo que le importa es el ancho y la altura. 39 00:03:05,990 --> 00:03:11,060 Aunque es posible que no le interese si está en modo horizontal y tiene mucho ancho o si la aplicación está 40 00:03:11,060 --> 00:03:15,830 ejecutando un parche en el ojo y, por lo tanto, tiene más ancho que en un teléfono, es posible 41 00:03:15,830 --> 00:03:21,020 que le interese la pregunta ¿cuánto tengo? tenga y luego renderice su diseño en función de eso, sin importar si ese es 42 00:03:21,020 --> 00:03:25,100 el caso, ya que está en el teléfono horizontal o en un iPad en modo vertical. 43 00:03:25,400 --> 00:03:31,250 Por lo tanto, le ofrecieron dimensiones. La API es la API importante, pero no quería ocultarle la orientación de 44 00:03:31,250 --> 00:03:37,400 la pantalla que API Expo le expone especialmente porque también puede usarse para bloquear y desbloquear, por supuesto, la orientación en 45 00:03:37,560 --> 00:03:40,700 tiempo de ejecución, lo que puede ser útil en ocasiones.