En este momento nuestra aplicación siempre está fija en modo vertical.
Si gira el dispositivo que puede hacer con sus controladores de emulador, aquí en Android con estos dos botones aquí,
puede rotarlo, luego se redimensiona aquí pero puede
rotarlo y en iOS, en el simulador, puede usar la parte superior menú aquí para girar hacia la izquierda
o hacia la derecha o use los accesos directos que ve aquí, que por defecto deberían ser comando o en
Windows y Linux, control y luego la tecla de flecha izquierda y derecha.
Entonces, con eso, también puede rotarlo, pero lo que verá es que su pantalla no gira y eso sucede porque en las aplicaciones de exposición,
puede bloquear fácilmente la orientación del dispositivo en su aplicación. archivo json. En este archivo, configura su aplicación y
volveremos a este archivo a lo largo de este curso para cambiar diferentes cosas.
Lo único que nos interesa en este momento es esta propiedad de orientación que ves aquí, está configurada en vertical
aquí
y eso significa que esta aplicación solo se puede usar en modo vertical.
Ahora, es una característica útil porque algunas aplicaciones realmente necesitan estar bloqueadas, algunas
no tienen sentido en modo horizontal y hay muchas aplicaciones en la naturaleza que en realidad
están bloqueadas.
Entonces, si tiene una aplicación o sabe que solo funciona en modo vertical, puede configurarla en
vertical aquí para bloquearla.
También puede configurarlo en horizontal para asegurarse de que su aplicación solo se pueda usar
en modo horizontal, algunos juegos lo necesitan, por ejemplo. También puede establecer esto en predeterminado y predeterminado significa que se
puede girar, que ambas orientaciones son compatibles,
así que usemos esto ahora.
Si guarda eso, verá que si ahora lo gira, todavía no cambia, lo que debe hacer es simplemente abrir
el administrador de tareas en su emulador o dispositivo real y cerrar la aplicación una vez, también
aquí en Android
Y con eso cerrado si lo reinicia aquí presionando ay aquí en esa terminal donde se está ejecutando npm
start, reiniciará la aplicación y ahora podrá rotar esto aquí en iOS y en Android también, pero allí,
usted En primer lugar, debe desplegar desde la parte superior aquí para abrir este menú aquí y habilitar la
rotación haciendo clic en este botón. Con esto habilitado, también puedes rotar en Android. Ahora, por supuesto, verás que
cuando giras, podría romperse nuevamente, por ejemplo, aquí en Android, realmente
no podemos alcanzar nuestro botón de inicio del juego y en iOS, es lo mismo. Allí también tenemos el problema adicional de que
nuestro teclado virtual se superpone a esta entrada si lo abrimos.
Por supuesto, eso no
es lo ideal, tampoco puedo cerrarlo
más, así que aquí estoy básicamente atrapado ahora. Puedo cerrarlo aquí en el simulador, pero en un dispositivo real,
eso sería un
problema y tampoco puedo acceder al botón de inicio del juego aquí.
Eso es algo que también debe probar al crear una aplicación y puede asegurarse de
que siempre funcione bloqueando la orientación o como deberíamos hacerlo ahora, asegurándose de que esto también se vea bien porque en
este momento no lo hace.
con estos botones y lo más importante, funciona en todas las orientaciones.
Así que eso es lo próximo en lo que nos sumergiremos.