Ora ripariamo anche il gioco sullo
schermo, non è poi così male perché è scorrevole,
ovviamente puoi anche giocare con diversi layout lì, potresti ridurre ulteriormente l'immagine, se sei su
uno schermo più piccolo è qualcosa che puoi fare, hai imparato a farlo con le dimensioni, con i
listener di
eventi: usa effect e useState.
Terrò molto semplice qui e mi assicurerò solo di sfruttare la vista di scorrimento che abbiamo già e
di avere un po 'più di spazio nella parte inferiore, in modo che appaia migliore.
Questo è ovviamente molto facile da implementare sul gioco sullo schermo, alla fine.
Ho il mio pulsante principale qui in basso e ho solo bisogno di più spazio qui o in altre parole, in questa
vista che contiene tutto il contenuto, sul mio
schermo, ho solo bisogno di aggiungere un po 'di imbottitura qui, imbottitura verticale per essere
preciso, quindi in alto e in basso diciamo 10.
È un cambio di rotta
molto semplice, come ho detto, potresti diventare più
complesso di così, hai imparato tutto sugli strumenti che ti servono,
iniziamo un gioco.
Bene, diamo subito un'occhiata se quella semplice soluzione fa il lavoro però e con quello, sto bene.
Ancora una volta, abbiamo alcune cose
che potresti migliorare, ad esempio stiamo bloccando la larghezza dell'immagine in base all'orientamento che abbiamo quando iniziamo e non
è quello che potremmo desiderare
qui, potremmo voler ricalcolare dinamicamente questo e per questo, dovresti gestirlo con stili e stati in linea
e usare l'effetto e un listener di eventi.
Lascio qui così, anche
per non gonfiare inutilmente questo modulo ma hai imparato a conoscere gli strumenti di
cui hai bisogno e con quello, hai ottenuto tutti gli strumenti di base, principalmente le dimensioni API
e i diversi modi di usarlo per costruire belle interfacce utente che sembrano belle e funzionano perfettamente su diversi orientamenti e
dimensioni del dispositivo.