1 00:00:02,250 --> 00:00:04,350 Maintenant, réparons également le jeu sur l'écran, ce 2 00:00:04,350 --> 00:00:07,130 n'est pas si mal parce qu'il est défilable, bien sûr, 3 00:00:07,200 --> 00:00:11,790 vous pouvez également jouer avec différentes dispositions là-bas, vous pouvez réduire davantage l'image, si vous êtes sur 4 00:00:11,790 --> 00:00:17,360 un écran plus petit, c'est quelque chose que vous pouvez faire, vous avez appris à le faire avec des dimensions, avec 5 00:00:17,370 --> 00:00:18,150 des écouteurs 6 00:00:18,150 --> 00:00:20,010 d'événements - utilisez effect et useState. 7 00:00:20,070 --> 00:00:25,160 Je vais rester très simple ici et m'assurer que nous profitons de la vue de défilement que nous avons déjà 8 00:00:25,170 --> 00:00:29,550 et que nous avons un peu plus d'espacement en bas, pour que cela ait l'air mieux. 9 00:00:29,550 --> 00:00:35,610 C'est bien sûr très facile à mettre en œuvre sur le jeu sur écran, au final. 10 00:00:35,710 --> 00:00:44,200 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 11 00:00:44,200 --> 00:00:47,520 qui contient tout le contenu, sur mon écran, 12 00:00:47,560 --> 00:00:53,470 j'ai juste besoin d'ajouter un peu de rembourrage ici, le remplissage vertical pour être précis, 13 00:00:53,470 --> 00:00:56,940 donc en haut et en bas de disons 10. 14 00:00:56,950 --> 00:00:58,740 C'est un changement de cap très 15 00:00:58,750 --> 00:01:01,390 simple, comme je l'ai dit, vous pourriez devenir plus complexe 16 00:01:01,420 --> 00:01:04,930 que cela, vous avez tout appris sur les outils dont vous avez besoin pour 17 00:01:07,880 --> 00:01:09,100 cela, commençons un jeu. 18 00:01:09,510 --> 00:01:24,410 Eh bien, jetons un coup d'œil si cette solution simple fait le travail et avec ça, je suis bon. 19 00:01:24,670 --> 00:01:27,070 Encore une fois, nous avons certaines choses que 20 00:01:27,070 --> 00:01:34,340 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 21 00:01:34,360 --> 00:01:36,610 n'est pas ce que nous pourrions 22 00:01:36,670 --> 00:01:43,180 vouloir ici, nous pourrions vouloir recalculer dynamiquement cela et pour cela, vous devez le gérer avec des styles en ligne et 23 00:01:43,210 --> 00:01:45,990 des effets d'état et d'utilisation et un écouteur d'événements. 24 00:01:46,000 --> 00:01:47,370 Je vais le laisser comme 25 00:01:47,520 --> 00:01:52,510 ça ici, aussi pour ne pas gonfler inutilement ce module mais vous avez appris les outils 26 00:01:52,540 --> 00:01:58,420 dont vous avez besoin pour cela et avec cela, vous avez tous les outils de base, principalement l'API des dimensions 27 00:01:58,420 --> 00:02:05,590 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 28 00:02:05,590 --> 00:02:06,850 tailles de périphériques.