Vamos começar a tornar isso utilizável novamente, porque é a coisa mais importante.
A correção aqui, é claro, é tornar isso rolável, porque se pudermos rolar essa visualização, podemos acessar
esse botão lá novamente.
Então, de volta à tela inicial do jogo, precisamos novamente da boa e velha
visualização de rolagem que importamos do React Native e agora podemos usá-la
para quebrar nossa visão que circunda a tela. .
Então, vamos usar a exibição de rolagem para cercar toda a tela aqui, todo o componente
no final e, com isso, agora é rolável. A vantagem é que agora estamos com o teclado aberto
no iOS. Podemos rolar um
pouco, mas ainda temos o problema de que ele retorna, então isso não é perfeito, mas pelo
menos podemos acessar esse botão e cuidaremos sobre o teclado em um segundo e
agora podemos usar o aplicativo novamente, porque agora podemos iniciar o jogo novamente. Agora, na tela do jogo, pela maneira como temos um problema
semelhante no pequeno dispositivo Android, temos tão pouca altura disponível que nem conseguimos
ver nosso log, podemos rolar o arquivo, mas sim, isso
não é muito conveniente e aqui no iOS ,
também não temos um grande log. Portanto, podemos usar um layout totalmente diferente, por
exemplo, ou o que for, teremos que
ver, mas antes que eu me
concentre nessa tela, também há uma outra coisa. Corrigimos a rolagem, isso é bom, mas
ainda temos outros
dois problemas na tela inicial do jogo e, se
eu mudar alguma coisa, troque novamente apenas para que isso reinicie, tenhamos o layout com o qual não estou feliz com
os botões, embora agora pareça diferente do que antes e voltaremos ao porquê em
um segundo
e no teclado,
esse é o problema real aqui. Então, o que nós podemos fazer sobre isso? Para corrigir esse problema de teclado,
há outro componente que você pode importar do React Native e esse é o modo de evitar o teclado.
Essa é uma visualização, um componente que você pode usar para agrupar seu componente; nesse caso, dentro da visualização de rolagem, e
isso é importante, use-o dentro da visualização de rolagem e, em seguida, envolva todo o
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á
digitando e, para isso, você também
pode configurar o teclado evitando a visualização, pode
definir um comportamento lá e que aceita valores diferentes e define para a posição aqui e eu ' Voltarei a diferentes
comportamentos que você pode configurar e como eles diferem em um segundo.
Com isso adicionado aqui no iOS, você verá que isso desliza um pouco quando abrimos o teclado virtual, quando
começamos a digitar. Não desliza o suficiente,
mas para isso também podemos voltar aqui e definir o deslocamento vertical do teclado para um número, por exemplo, para 30,
é a quantidade
de pixels que ele desliza para cima e
deve ser a altura da sua entrada normalmente ou em torno da altura da sua entrada.
E agora isso desliza para que possamos sempre ver isso
que é ótimo, agora nunca sobrepõe nossa contribuição aqui.
Agora, definir isso na posição de comportamento significa simplesmente que ele reposiciona a tela inteira em 30 pixels, basicamente, também
podemos
definir isso como preenchimento para que um preenchimento seja adicionado na parte inferior para deslizar tudo para cima e por
último mas não menos importante, você também pode alterar o altura total da tela um pouco.
Agora normalmente no iOS, funciona melhor se você usar a posição e no Android funciona melhor se você usar o
preenchimento e,
mais adiante, neste módulo, você aprendeu a descobrir em qual plataforma está
executando, por enquanto vou usar posição aqui. Com isso, corrigimos o problema do teclado.