1
00:00:02,250 --> 00:00:04,350
Ora ripariamo anche il gioco sullo

2
00:00:04,350 --> 00:00:07,130
schermo, non è poi così male perché è scorrevole,

3
00:00:07,200 --> 00:00:11,790
ovviamente puoi anche giocare con diversi layout lì, potresti ridurre ulteriormente l'immagine, se sei su

4
00:00:11,790 --> 00:00:17,360
uno schermo più piccolo è qualcosa che puoi fare, hai imparato a farlo con le dimensioni, con i

5
00:00:17,370 --> 00:00:18,150
listener di

6
00:00:18,150 --> 00:00:20,010
eventi: usa effect e useState.

7
00:00:20,070 --> 00:00:25,160
Terrò molto semplice qui e mi assicurerò solo di sfruttare la vista di scorrimento che abbiamo già e

8
00:00:25,170 --> 00:00:29,550
di avere un po 'più di spazio nella parte inferiore, in modo che appaia migliore.

9
00:00:29,550 --> 00:00:35,610
Questo è ovviamente molto facile da implementare sul gioco sullo schermo, alla fine.

10
00:00:35,710 --> 00:00:44,200
Ho il mio pulsante principale qui in basso e ho solo bisogno di più spazio qui o in altre parole, in questa

11
00:00:44,200 --> 00:00:47,520
vista che contiene tutto il contenuto, sul mio

12
00:00:47,560 --> 00:00:53,470
schermo, ho solo bisogno di aggiungere un po 'di imbottitura qui, imbottitura verticale per essere

13
00:00:53,470 --> 00:00:56,940
preciso, quindi in alto e in basso diciamo 10.

14
00:00:56,950 --> 00:00:58,740
È un cambio di rotta

15
00:00:58,750 --> 00:01:01,390
molto semplice, come ho detto, potresti diventare più

16
00:01:01,420 --> 00:01:04,930
complesso di così, hai imparato tutto sugli strumenti che ti servono,

17
00:01:07,880 --> 00:01:09,100
iniziamo un gioco.

18
00:01:09,510 --> 00:01:24,410
Bene, diamo subito un'occhiata se quella semplice soluzione fa il lavoro però e con quello, sto bene.

19
00:01:24,670 --> 00:01:27,070
Ancora una volta, abbiamo alcune cose

20
00:01:27,070 --> 00:01:34,340
che potresti migliorare, ad esempio stiamo bloccando la larghezza dell'immagine in base all'orientamento che abbiamo quando iniziamo e non

21
00:01:34,360 --> 00:01:36,610
è quello che potremmo desiderare

22
00:01:36,670 --> 00:01:43,180
qui, potremmo voler ricalcolare dinamicamente questo e per questo, dovresti gestirlo con stili e stati in linea

23
00:01:43,210 --> 00:01:45,990
e usare l'effetto e un listener di eventi.

24
00:01:46,000 --> 00:01:47,370
Lascio qui così, anche

25
00:01:47,520 --> 00:01:52,510
per non gonfiare inutilmente questo modulo ma hai imparato a conoscere gli strumenti di

26
00:01:52,540 --> 00:01:58,420
cui hai bisogno e con quello, hai ottenuto tutti gli strumenti di base, principalmente le dimensioni API

27
00:01:58,420 --> 00:02:05,590
e i diversi modi di usarlo per costruire belle interfacce utente che sembrano belle e funzionano perfettamente su diversi orientamenti e

28
00:02:05,590 --> 00:02:06,850
dimensioni del dispositivo.