1
00:00:02,250 --> 00:00:04,350
Agora, também vamos corrigir o game over

2
00:00:04,350 --> 00:00:07,130
screen, não é tão ruim porque é rolável, é

3
00:00:07,200 --> 00:00:11,790
claro que você também pode brincar com layouts diferentes, diminuir a imagem ainda mais, se

4
00:00:11,790 --> 00:00:17,360
estiver em uma tela menor, é algo que você pode fazer, você aprendeu a fazer isso com dimensões, com

5
00:00:17,370 --> 00:00:18,150
ouvintes de

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

7
00:00:20,070 --> 00:00:25,160
Vou mantê-lo muito simples aqui e garantir que aproveitemos a exibição de rolagem que já temos e

8
00:00:25,170 --> 00:00:29,550
tenha um pouco mais de espaçamento na parte inferior, para que isso pareça melhor.

9
00:00:29,550 --> 00:00:35,610
É claro que isso é muito fácil de implementar na tela do jogo, no final.

10
00:00:35,710 --> 00:00:44,200
Eu tenho meu botão principal aqui na parte inferior e eu só preciso de mais espaçamento aqui ou em outras palavras,

11
00:00:44,200 --> 00:00:47,520
nesta visão que contém todo o conteúdo,

12
00:00:47,560 --> 00:00:53,470
na minha tela, eu só preciso adicionar um pouco de preenchimento aqui, preenchendo verticalmente preciso,

13
00:00:53,470 --> 00:00:56,940
então na parte superior e inferior da digamos 10.

14
00:00:56,950 --> 00:00:58,740
É uma mudança muito simples, é

15
00:00:58,750 --> 00:01:01,390
claro, como eu disse, você pode ser mais

16
00:01:01,420 --> 00:01:04,930
complexo que isso, aprendeu tudo sobre as ferramentas necessárias para isso, vamos

17
00:01:07,880 --> 00:01:09,100
começar um jogo.

18
00:01:09,510 --> 00:01:24,410
Bem, vamos dar uma olhada rapidamente se essa solução simples faz o trabalho e, com isso, eu estou bem.

19
00:01:24,670 --> 00:01:27,070
Novamente, temos algumas coisas que você

20
00:01:27,070 --> 00:01:34,340
pode melhorar, por exemplo, estamos bloqueando a largura da imagem com base na orientação que temos quando começamos e

21
00:01:34,360 --> 00:01:36,610
não é isso que queremos

22
00:01:36,670 --> 00:01:43,180
aqui, podemos recalcular dinamicamente isso e para isso, seria necessário gerenciá-lo com estilos e estado embutidos e

23
00:01:43,210 --> 00:01:45,990
usar efeito e um ouvinte de evento.

24
00:01:46,000 --> 00:01:47,370
Vou deixar assim aqui,

25
00:01:47,520 --> 00:01:52,510
também para não inchar desnecessariamente este módulo, mas você aprendeu sobre as ferramentas necessárias

26
00:01:52,540 --> 00:01:58,420
para isso e, com isso, obteve todas as ferramentas básicas, principalmente as dimensões da API e as

27
00:01:58,420 --> 00:02:05,590
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

28
00:02:05,590 --> 00:02:06,850
de dispositivos.