Agora, também vamos corrigir o game over
screen, não é tão ruim porque é rolável, é
claro que você também pode brincar com layouts diferentes, diminuir a imagem ainda mais, se
estiver em uma tela menor, é algo que você pode fazer, você aprendeu a fazer isso com dimensões, com
ouvintes de
eventos - use effect e useState.
Vou mantê-lo muito simples aqui e garantir que aproveitemos a exibição de rolagem que já temos e
tenha um pouco mais de espaçamento na parte inferior, para que isso pareça melhor.
É claro que isso é muito fácil de implementar na tela do jogo, no final.
Eu tenho meu botão principal aqui na parte inferior e eu só preciso de mais espaçamento aqui ou em outras palavras,
nesta visão que contém todo o conteúdo,
na minha tela, eu só preciso adicionar um pouco de preenchimento aqui, preenchendo verticalmente preciso,
então na parte superior e inferior da digamos 10.
É uma mudança muito simples, é
claro, como eu disse, você pode ser mais
complexo que isso, aprendeu tudo sobre as ferramentas necessárias para isso, vamos
começar um jogo.
Bem, vamos dar uma olhada rapidamente se essa solução simples faz o trabalho e, com isso, eu estou bem.
Novamente, temos algumas coisas que você
pode melhorar, por exemplo, estamos bloqueando a largura da imagem com base na orientação que temos quando começamos e
não é isso que queremos
aqui, podemos recalcular dinamicamente isso e para isso, seria necessário gerenciá-lo com estilos e estado embutidos e
usar efeito e um ouvinte de evento.
Vou deixar assim aqui,
também para não inchar desnecessariamente este módulo, mas você aprendeu sobre as ferramentas necessárias
para isso e, com isso, obteve todas as ferramentas básicas, principalmente as dimensões da API e as
diferentes maneiras de usá-lo para criar interfaces de usuário agradáveis, com boa aparência e ótimo desempenho em diferentes orientações e tamanhos
de dispositivos.