1 00:00:02,040 --> 00:00:06,860 Vamos começar a tornar isso utilizável novamente, porque é a coisa mais importante. 2 00:00:06,900 --> 00:00:12,780 A correção aqui, é claro, é tornar isso rolável, porque se pudermos rolar essa visualização, podemos acessar 3 00:00:12,780 --> 00:00:14,610 esse botão lá novamente. 4 00:00:14,610 --> 00:00:20,580 Então, de volta à tela inicial do jogo, precisamos novamente da boa e velha 5 00:00:22,970 --> 00:00:28,460 visualização de rolagem que importamos do React Native e agora podemos usá-la 6 00:00:29,070 --> 00:00:33,390 para quebrar nossa visão que circunda a tela. . 7 00:00:33,510 --> 00:00:39,330 Então, vamos usar a exibição de rolagem para cercar toda a tela aqui, todo o componente 8 00:00:39,340 --> 00:00:45,600 no final e, com isso, agora é rolável. A vantagem é que agora estamos com o teclado aberto 9 00:00:45,610 --> 00:00:47,370 no iOS. Podemos rolar um 10 00:00:47,560 --> 00:00:52,510 pouco, mas ainda temos o problema de que ele retorna, então isso não é perfeito, mas pelo 11 00:00:52,510 --> 00:00:56,740 menos podemos acessar esse botão e cuidaremos sobre o teclado em um segundo e 12 00:00:56,740 --> 00:01:04,590 agora podemos usar o aplicativo novamente, porque agora podemos iniciar o jogo novamente. Agora, na tela do jogo, pela maneira como temos um problema 13 00:01:04,590 --> 00:01:09,420 semelhante no pequeno dispositivo Android, temos tão pouca altura disponível que nem conseguimos 14 00:01:09,510 --> 00:01:13,380 ver nosso log, podemos rolar o arquivo, mas sim, isso 15 00:01:13,440 --> 00:01:16,890 não é muito conveniente e aqui no iOS , 16 00:01:16,950 --> 00:01:21,960 também não temos um grande log. Portanto, podemos usar um layout totalmente diferente, por 17 00:01:21,960 --> 00:01:24,060 exemplo, ou o que for, teremos que 18 00:01:24,080 --> 00:01:26,160 ver, mas antes que eu me 19 00:01:26,160 --> 00:01:31,020 concentre nessa tela, também há uma outra coisa. Corrigimos a rolagem, isso é bom, mas 20 00:01:31,020 --> 00:01:32,160 ainda temos outros 21 00:01:32,160 --> 00:01:35,170 dois problemas na tela inicial do jogo e, se 22 00:01:35,220 --> 00:01:42,250 eu mudar alguma coisa, troque novamente apenas para que isso reinicie, tenhamos o layout com o qual não estou feliz com 23 00:01:42,260 --> 00:01:47,120 os botões, embora agora pareça diferente do que antes e voltaremos ao porquê em 24 00:01:47,120 --> 00:01:48,110 um segundo 25 00:01:48,170 --> 00:01:49,210 e no teclado, 26 00:01:49,220 --> 00:01:55,640 esse é o problema real aqui. Então, o que nós podemos fazer sobre isso? Para corrigir esse problema de teclado, 27 00:01:55,640 --> 00:02:01,490 há outro componente que você pode importar do React Native e esse é o modo de evitar o teclado. 28 00:02:01,670 --> 00:02:08,750 Essa é uma visualização, um componente que você pode usar para agrupar seu componente; nesse caso, dentro da visualização de rolagem, e 29 00:02:08,750 --> 00:02:13,760 isso é importante, use-o dentro da visualização de rolagem e, em seguida, envolva todo o 30 00:02:13,760 --> 00:02:22,470 seu corpo sensível ao toque sem o gabarito para garantir que seu teclado, seu teclado virtual quando ele se abre nunca sobrepõe a entrada que você está 31 00:02:22,530 --> 00:02:24,720 digitando e, para isso, você também 32 00:02:24,770 --> 00:02:27,660 pode configurar o teclado evitando a visualização, pode 33 00:02:27,750 --> 00:02:34,750 definir um comportamento lá e que aceita valores diferentes e define para a posição aqui e eu ' Voltarei a diferentes 34 00:02:34,760 --> 00:02:38,880 comportamentos que você pode configurar e como eles diferem em um segundo. 35 00:02:39,260 --> 00:02:47,180 Com isso adicionado aqui no iOS, você verá que isso desliza um pouco quando abrimos o teclado virtual, quando 36 00:02:47,210 --> 00:02:50,050 começamos a digitar. Não desliza o suficiente, 37 00:02:50,060 --> 00:02:56,210 mas para isso também podemos voltar aqui e definir o deslocamento vertical do teclado para um número, por exemplo, para 30, 38 00:02:56,210 --> 00:02:57,450 é a quantidade 39 00:02:57,530 --> 00:02:59,860 de pixels que ele desliza para cima e 40 00:02:59,870 --> 00:03:04,660 deve ser a altura da sua entrada normalmente ou em torno da altura da sua entrada. 41 00:03:04,700 --> 00:03:07,610 E agora isso desliza para que possamos sempre ver isso 42 00:03:07,610 --> 00:03:10,320 que é ótimo, agora nunca sobrepõe nossa contribuição aqui. 43 00:03:10,370 --> 00:03:17,140 Agora, definir isso na posição de comportamento significa simplesmente que ele reposiciona a tela inteira em 30 pixels, basicamente, também 44 00:03:17,140 --> 00:03:17,770 podemos 45 00:03:18,090 --> 00:03:24,740 definir isso como preenchimento para que um preenchimento seja adicionado na parte inferior para deslizar tudo para cima e por 46 00:03:24,740 --> 00:03:30,170 último mas não menos importante, você também pode alterar o altura total da tela um pouco. 47 00:03:30,170 --> 00:03:37,070 Agora normalmente no iOS, funciona melhor se você usar a posição e no Android funciona melhor se você usar o 48 00:03:37,070 --> 00:03:37,870 preenchimento e, 49 00:03:37,880 --> 00:03:42,100 mais adiante, neste módulo, você aprendeu a descobrir em qual plataforma está 50 00:03:42,140 --> 00:03:47,740 executando, por enquanto vou usar posição aqui. Com isso, corrigimos o problema do teclado.