Ahora también arreglemos el juego sobre la
pantalla, no está tan mal porque es desplazable, por
supuesto, también puedes jugar con diferentes diseños allí, podrías reducir aún más la imagen, si
estás en una pantalla más pequeña, eso es algo que puedes hacer, aprendiste a hacer eso con dimensiones,
con oyentes
de eventos: use effect y useState.
Lo mantendré muy simple aquí y solo me aseguraré de aprovechar la vista de desplazamiento que ya tenemos y
tener un poco más de espacio en la parte inferior, para que se vea mejor.
Eso es, por supuesto, muy fácil de implementar en el juego sobre la pantalla, al final.
Tengo mi botón principal aquí en la parte inferior y solo necesito más espacio aquí o, en otras palabras, en esta
vista que contiene todo el contenido, en
mi pantalla, solo necesito agregar un poco de relleno aquí, relleno vertical para ser
preciso, así que arriba y abajo de digamos 10.
Ese es un cambio muy
simple, como dije, podría ser más complejo que
eso, aprendió todo sobre las herramientas que necesita para eso,
comencemos un juego.
Bueno, echemos un vistazo rápidamente si esa solución simple funciona bien y con eso, estoy bien.
Nuevamente, tenemos algunas cosas que podría mejorar,
por ejemplo, estamos bloqueando el ancho de la imagen en función de la orientación que tenemos cuando comenzamos y eso no
es lo que podríamos querer
aquí, podríamos querer recalcularlo dinámicamente y para eso, tendría que administrarlo con estilos y estados en línea y
usar el efecto y un detector de eventos.
Lo dejaré así aquí,
también para no hinchar innecesariamente este módulo, pero aprendió sobre las herramientas que necesita para
eso y con eso, obtuvo todas las herramientas básicas, principalmente las dimensiones API y las diferentes formas
de usarlo para construir Interfaces de usuario agradables que se ven bien y funcionan muy bien en diferentes orientaciones y diferentes
tamaños de dispositivo.