Commençons par la taille de l'appareil
sur lequel nous fonctionnons. En ce moment, j'ai des émulateurs relativement gros ici et je vais maintenant changer cela et
je vais le changer
sur Android mais bien sûr, nous pourrions faire la même chose sur iOS. Ici sur Android et je vais créer un nouvel appareil
virtuel qui est en fait beaucoup plus
petit et pour cela dans ma liste d'images ici lors de la création d'un nouvel appareil virtuel, je vais en choisir
un super
petit comme celui-ci 3. Téléphone 7 pouces ici.
Maintenant, une note importante, vous pensez peut-être que peu d'utilisateurs utilisent plus de si petits appareils,
mais cela dépend vraiment du marché que vous ciblez.
Si vous ciblez principalement les États-Unis, eh bien, vous n'avez peut-être pas vraiment besoin d'optimiser votre application pour
les petits appareils, mais
si vous ciblez le monde entier ou peut-être certains pays émergents, alors cela a l'air différent, alors
vous voulez vraiment pour savoir quelle est votre cible et quels appareils vos utilisateurs cibles utilisent.
Je vais donc créer cet appareil ici, un relativement petit, cliquez simplement sur suivant ici, choisissez Android pie dans mon
cas ici comme version Android, puis terminez cela et
maintenant cela créera cet appareil virtuel et maintenant je le lancerai également.
Alors maintenant, cela démarre, sur mon deuxième écran, je le ramènerai ici dans une
seconde, je fermerai cet appareil
Android pour le moment, celui-ci plus grand et voici mon plus petit qui démarre.
Alors permettez-moi également d'augmenter cela un peu et cela ne fait qu'augmenter la taille dans laquelle nous pouvons
le voir, pas la dimension du téléphone et
comme vous pouvez déjà le voir, c'est certainement un appareil plus petit avec moins de pixels disponibles à la
fois sur le hauteur et largeur.
Alors maintenant avec ça, je suis déjà de retour dans mon projet, c'est le
projet sur lequel nous avons travaillé dans les dernières sections et vous
le trouverez attaché au cas où vous ne suivriez pas ici et j'ai déjà démarré
mon serveur expo avec npm start et par frapper un, j'installe maintenant expo puis cette application ici sur cet émulateur.
Attendons donc que cela se termine et se lance et voici mon application et nous pouvons déjà dire que notre application
n'est certainement pas optimisée pour les écrans plus petits, ici
les boutons ne sont pas vraiment bien positionnés donc quelque chose ne va pas
là et maintenant voyons comment cela fonctionne quand nous commençons le jeu.
Eh bien ici, cela semble fonctionner, si je clique sur Démarrer le jeu, eh bien, cela fonctionne certainement ici, mais nous avons un problème sur notre écran de démarrage et peut-être ici, nous voulons également
modifier certaines tailles, peut-être que nous voulons supprimer la marge ou réduire la marge que
nous avons entre ce nombre et cette boîte avec nos entrées ici, peut-être vouloir augmenter la largeur de nos boîtes là-bas,
notre journal des tours que nous avons eu, alors peut-être que nous voulons changer quelque chose là et quand le jeu est plus, peut-être que
nous voulons réduire un peu la taille de l'image, mais parce que c'est super grand
et qu'il y a en fait un énorme inconvénient parce que comme cette page n'est
pas déroulante, je ne peux pas atteindre le nouveau bouton
de jeu, donc c'est un vrai disjoncteur
de jeu, ça casse vraiment notre jeu, cette distance ici aussi est un peu trop grande entre
l'image et le texte.
Il y a beaucoup de travail à faire juste parce que nous sommes sur
un appareil plus petit, cela ne respecte même pas le fait que nos utilisateurs peuvent faire tourner l'appareil qui, soit dit en passant,
est désactivé de toute façon et je vais donc revenir à cela et comment l'activer en une seconde.
Commençons donc à travailler là-dessus et apprenons comment nous pouvons réellement calculer notre espace que nous distribuons, les tailles que nous
utilisons de manière plus dynamique et nous assurer que notre application est bonne sur tous les types d'appareils.