Maintenant, réparons également le jeu sur l'écran, ce
n'est pas si mal parce qu'il est défilable, bien sûr,
vous pouvez également jouer avec différentes dispositions là-bas, vous pouvez réduire davantage l'image, si vous êtes sur
un écran plus petit, c'est quelque chose que vous pouvez faire, vous avez appris à le faire avec des dimensions, avec
des écouteurs
d'événements - utilisez effect et useState.
Je vais rester très simple ici et m'assurer que nous profitons de la vue de défilement que nous avons déjà
et que nous avons un peu plus d'espacement en bas, pour que cela ait l'air mieux.
C'est bien sûr très facile à mettre en œuvre sur le jeu sur écran, au final.
J'ai mon bouton principal ici en bas et j'ai juste besoin de plus d'espacement ici ou en d'autres termes, dans cette vue
qui contient tout le contenu, sur mon écran,
j'ai juste besoin d'ajouter un peu de rembourrage ici, le remplissage vertical pour être précis,
donc en haut et en bas de disons 10.
C'est un changement de cap très
simple, comme je l'ai dit, vous pourriez devenir plus complexe
que cela, vous avez tout appris sur les outils dont vous avez besoin pour
cela, commençons un jeu.
Eh bien, jetons un coup d'œil si cette solution simple fait le travail et avec ça, je suis bon.
Encore une fois, nous avons certaines choses que
vous pourriez améliorer, par exemple, nous verrouillons la largeur de l'image en fonction de l'orientation que nous avons lorsque nous commençons et ce
n'est pas ce que nous pourrions
vouloir ici, nous pourrions vouloir recalculer dynamiquement cela et pour cela, vous devez le gérer avec des styles en ligne et
des effets d'état et d'utilisation et un écouteur d'événements.
Je vais le laisser comme
ça ici, aussi pour ne pas gonfler inutilement ce module mais vous avez appris les outils
dont vous avez besoin pour cela et avec cela, vous avez tous les outils de base, principalement l'API des dimensions
et les différentes façons de l'utiliser pour construire de belles interfaces utilisateur qui semblent bonnes et fonctionnent très bien sur différentes orientations et différentes
tailles de périphériques.