1 00:00:02,040 --> 00:00:06,860 Comencemos haciendo que esto sea utilizable nuevamente porque eso es lo más importante. 2 00:00:06,900 --> 00:00:12,780 La solución aquí, por supuesto, es hacer que este sea desplazable porque si podemos desplazar esta vista, entonces podemos 3 00:00:12,780 --> 00:00:14,610 alcanzar este botón allí nuevamente. 4 00:00:14,610 --> 00:00:20,580 Entonces, de vuelta en la pantalla de inicio del juego, necesitamos nuevamente la buena vista de desplazamiento anterior que 5 00:00:22,970 --> 00:00:28,460 importamos de React Native y ahora podemos usar eso para ajustar nuestra vista que rodea nuestra pantalla, este 6 00:00:29,070 --> 00:00:33,390 botón tocable sin retroalimentación en este caso, con la vista de desplazamiento . 7 00:00:33,510 --> 00:00:39,330 Así que usemos la vista de desplazamiento para rodear toda nuestra pantalla aquí, todo nuestro componente 8 00:00:39,340 --> 00:00:45,600 al final y con esto, ahora es desplazable. La ventaja es que ahora el teclado está abierto en iOS. 9 00:00:45,610 --> 00:00:47,370 Podemos desplazarnos un poco, pero 10 00:00:47,560 --> 00:00:52,510 aún tenemos el problema de que se recupera, por lo que no es perfecto, pero al menos 11 00:00:52,510 --> 00:00:56,740 podemos alcanzar este botón y nos ocuparemos sobre el teclado en un segundo y 12 00:00:56,740 --> 00:01:04,590 ahora podemos usar la aplicación nuevamente porque ahora podemos comenzar el juego nuevamente. Ahora en la pantalla del juego, por cierto, tenemos un 13 00:01:04,590 --> 00:01:09,420 problema similar en el pequeño dispositivo Android, tenemos tan poca altura disponible que 14 00:01:09,510 --> 00:01:13,380 ni siquiera podemos ver nuestro registro, podemos desplazarlo, pero sí, 15 00:01:13,440 --> 00:01:16,890 eso no es demasiado conveniente y aquí en iOS 16 00:01:16,950 --> 00:01:21,960 , tampoco tenemos un gran registro. Entonces, podríamos querer usar un diseño totalmente diferente, 17 00:01:21,960 --> 00:01:24,060 por ejemplo, o lo que sea, tendremos 18 00:01:24,080 --> 00:01:26,160 que ver, pero antes de 19 00:01:26,160 --> 00:01:31,020 enfocarme en esta pantalla, también hay otra cosa. Hemos solucionado el desplazamiento, eso es bueno, pero 20 00:01:31,020 --> 00:01:32,160 todavía tenemos otros 21 00:01:32,160 --> 00:01:35,170 dos problemas en la pantalla de inicio del juego y 22 00:01:35,220 --> 00:01:42,250 si cambio algo, lo vuelvo a cambiar solo para que esto se reinicie, tenemos el diseño con el que no estoy satisfecho 23 00:01:42,260 --> 00:01:47,120 con los botones, aunque ahora se ve diferente que antes y volveremos a por qué 24 00:01:47,120 --> 00:01:48,110 en un 25 00:01:48,170 --> 00:01:49,210 segundo y el 26 00:01:49,220 --> 00:01:55,640 teclado, ese es el verdadero problema aquí. Entonces, ¿qué podemos hacer al respecto? Para solucionar el problema del teclado, 27 00:01:55,640 --> 00:02:01,490 hay otro componente que puede importar desde React Native y ese es el teclado que evita la vista. 28 00:02:01,670 --> 00:02:08,750 Esa es una vista, un componente que puede usar para envolver su componente, en este caso dentro de esa vista de 29 00:02:08,750 --> 00:02:13,760 desplazamiento y eso es importante, úselo dentro de la vista de desplazamiento y luego 30 00:02:13,760 --> 00:02:22,470 envuelva todo su componente táctil sin comentarios para asegurarse de que su teclado, su teclado virtual cuando se abre nunca superpone la entrada que está 31 00:02:22,530 --> 00:02:24,720 escribiendo y para eso también 32 00:02:24,770 --> 00:02:27,660 puede configurar el teclado evitando la vista, puede 33 00:02:27,750 --> 00:02:34,750 establecer un comportamiento allí y que acepte diferentes valores y configure esto para posicionarse aquí y yo ' Volveré a 34 00:02:34,760 --> 00:02:38,880 los diferentes comportamientos que puede configurar y cómo difieren en un segundo. 35 00:02:39,260 --> 00:02:47,180 Con eso agregado aquí en iOS, ahora verá que esto se desliza un poco cuando abrimos el teclado virtual, cuando 36 00:02:47,210 --> 00:02:50,050 comenzamos a escribir. No se desliza lo suficiente, 37 00:02:50,060 --> 00:02:56,210 pero para eso también podemos volver aquí y establecer el desplazamiento vertical del teclado en un número, por ejemplo, en 30, esta 38 00:02:56,210 --> 00:02:57,450 es la cantidad 39 00:02:57,530 --> 00:02:59,860 de píxeles que lo desliza hacia arriba y 40 00:02:59,870 --> 00:03:04,660 esta debería ser la altura de su entrada típicamente o alrededor de la altura de su entrada. 41 00:03:04,700 --> 00:03:07,610 Y ahora esto lo desliza hacia arriba para que siempre podamos ver 42 00:03:07,610 --> 00:03:10,320 esto, lo cual es genial, ahora nunca superpone nuestra entrada aquí. 43 00:03:10,370 --> 00:03:17,140 Ahora, configurar esto en la posición de comportamiento simplemente significa que reposiciona la pantalla completa en 30 píxeles, básicamente, también 44 00:03:17,140 --> 00:03:17,770 podríamos 45 00:03:18,090 --> 00:03:24,740 configurarlo en relleno para que se agregue un relleno en la parte inferior para deslizar todo hacia arriba y, por 46 00:03:24,740 --> 00:03:30,170 último, pero no menos importante, también puede cambiar el altura total de la pantalla un poco. 47 00:03:30,170 --> 00:03:37,070 Ahora, por lo general, en iOS, funciona mejor si usa position y en Android funciona mejor si usa relleno 48 00:03:37,070 --> 00:03:37,870 y más 49 00:03:37,880 --> 00:03:42,100 adelante en este módulo, aprendió cómo averiguar en qué plataforma se 50 00:03:42,140 --> 00:03:47,740 está ejecutando, por ahora usaré posición aquí. Con eso, solucionamos el problema del teclado.