1
00:00:02,250 --> 00:00:04,350
Ahora también arreglemos el juego sobre la

2
00:00:04,350 --> 00:00:07,130
pantalla, no está tan mal porque es desplazable, por

3
00:00:07,200 --> 00:00:11,790
supuesto, también puedes jugar con diferentes diseños allí, podrías reducir aún más la imagen, si

4
00:00:11,790 --> 00:00:17,360
estás en una pantalla más pequeña, eso es algo que puedes hacer, aprendiste a hacer eso con dimensiones,

5
00:00:17,370 --> 00:00:18,150
con oyentes

6
00:00:18,150 --> 00:00:20,010
de eventos: use effect y useState.

7
00:00:20,070 --> 00:00:25,160
Lo mantendré muy simple aquí y solo me aseguraré de aprovechar la vista de desplazamiento que ya tenemos y

8
00:00:25,170 --> 00:00:29,550
tener un poco más de espacio en la parte inferior, para que se vea mejor.

9
00:00:29,550 --> 00:00:35,610
Eso es, por supuesto, muy fácil de implementar en el juego sobre la pantalla, al final.

10
00:00:35,710 --> 00:00:44,200
Tengo mi botón principal aquí en la parte inferior y solo necesito más espacio aquí o, en otras palabras, en esta

11
00:00:44,200 --> 00:00:47,520
vista que contiene todo el contenido, en

12
00:00:47,560 --> 00:00:53,470
mi pantalla, solo necesito agregar un poco de relleno aquí, relleno vertical para ser

13
00:00:53,470 --> 00:00:56,940
preciso, así que arriba y abajo de digamos 10.

14
00:00:56,950 --> 00:00:58,740
Ese es un cambio muy

15
00:00:58,750 --> 00:01:01,390
simple, como dije, podría ser más complejo que

16
00:01:01,420 --> 00:01:04,930
eso, aprendió todo sobre las herramientas que necesita para eso,

17
00:01:07,880 --> 00:01:09,100
comencemos un juego.

18
00:01:09,510 --> 00:01:24,410
Bueno, echemos un vistazo rápidamente si esa solución simple funciona bien y con eso, estoy bien.

19
00:01:24,670 --> 00:01:27,070
Nuevamente, tenemos algunas cosas que podría mejorar,

20
00:01:27,070 --> 00:01:34,340
por ejemplo, estamos bloqueando el ancho de la imagen en función de la orientación que tenemos cuando comenzamos y eso no

21
00:01:34,360 --> 00:01:36,610
es lo que podríamos querer

22
00:01:36,670 --> 00:01:43,180
aquí, podríamos querer recalcularlo dinámicamente y para eso, tendría que administrarlo con estilos y estados en línea y

23
00:01:43,210 --> 00:01:45,990
usar el efecto y un detector de eventos.

24
00:01:46,000 --> 00:01:47,370
Lo dejaré así aquí,

25
00:01:47,520 --> 00:01:52,510
también para no hinchar innecesariamente este módulo, pero aprendió sobre las herramientas que necesita para

26
00:01:52,540 --> 00:01:58,420
eso y con eso, obtuvo todas las herramientas básicas, principalmente las dimensiones API y las diferentes formas

27
00:01:58,420 --> 00:02:05,590
de usarlo para construir Interfaces de usuario agradables que se ven bien y funcionan muy bien en diferentes orientaciones y diferentes

28
00:02:05,590 --> 00:02:06,850
tamaños de dispositivo.