Nous sommes donc en mesure de détecter que le jeu
est terminé, maintenant il serait bien d'afficher également un résumé sur le jeu à l'écran.
Maintenant, nous pouvons approfondir le style et la sortie des détails plus tard, pour l'instant, assurons-nous au
moins que le nombre de tours qu'il a fallu à l'ordinateur pour gagner ou ce que cela
signifie pour gagner, pour deviner notre nombre.
Donc, le nombre de tours est quelque chose que je veux afficher ici sur le jeu sur l'écran et c'est bien sûr
une valeur que nous devons obtenir de nos accessoires parce que nous gérons ce nombre de tours dans le composant
d'application à la fin, ici dans les tours de devinettes .
Donc, dans le jeu sur l'écran, nous obtenons cela sur les accessoires, les tours, le numéro ou tout ce que
vous voulez nommer, c'est à vous de décider comment vous nommez cet accessoire et peut-être aussi de sortir le numéro que l'ordinateur devait
deviner, le numéro était, puis les accessoires numéro d'utilisateur peut-être.
Ce sont donc deux accessoires que nous devons maintenant définir sur le jeu sur l'écran, le numéro
de tours et le numéro d'utilisateur.
Donc, de retour dans le composant de l'application sur l'écran de jeu, nous définissons le
nombre de tours et le numéro d'utilisateur, le numéro d'utilisateur doit bien
sûr être notre numéro d'utilisateur que nous avons là, le numéro d'utilisateur entre les accolades fait maintenant référence à nos numéros d'utilisateur ici,
numéro d'utilisateur avant que le signe égal se réfère simplement à l'hélice que nous passons au jeu sur l'écran et le nombre de
tours est bien sûr de deviner
les tours, c'est donc le nombre de tours qu'il a fallu à l'ordinateur pour deviner cela.
Donc, cela est maintenant transmis au jeu via l'écran et peut y être affiché, sur le jeu
via l'écran, je veux également avoir un bouton qui permet à l'utilisateur de redémarrer le jeu.
Alors ajoutons un
bouton ici et pour cela, vous devez importer le
bouton de React Native, alors ajoutons un bouton ici et le titre de ce bouton pourrait être un nouveau
jeu et sur une presse, je veux commencer un nouveau jeu. Maintenant, le composant d'application est l'endroit où nous contrôlons à la fin si
le jeu est en cours d'exécution ou non, où nous présentons les différents écrans de jeu.
C'est donc ici que nous devons changer quelque chose si un nouveau jeu doit
démarrer et il serait logique que dans le composant d'application, nous ayons donc une nouvelle fonction, qui puisse
être définie n'importe où, je la définirai ici comme première fonction car c'est la fonction qui nous permet de configurer un
nouveau jeu, alors peut-être configurer un nouveau gestionnaire de jeu, vous pouvez le nommer comme vous voulez et là, je n'attends aucun argument mais je veux mettre mes
tours de devinettes à zéro
et donc en fait nous n'avons pas besoin de le faire ici lorsque nous commençons un nouveau jeu, car nous le faisons
définitivement juste avant de configurer un nouveau jeu même. Nous pouvons donc mettre les tours de devinettes à
zéro ici et en faisant
cela, nous nous assurons déjà que dans notre if check down là-bas, cette condition ne sera plus
remplie parce que si nous mettons les tours de devinettes à zéro, ce n'est certainement
plus supérieur à zéro, nous allons donc certainement laisser le jeu sur l'écran et ensuite, nous afficherons à nouveau l'écran du jeu.
Donc, pour voir à nouveau l'écran de démarrage du jeu que nous voulons voir parce que
c'est l'écran qui nous permet de configurer et de démarrer un nouveau jeu, nous devons nous assurer de réinitialiser également le numéro
d'utilisateur, donc le numéro sélectionné.
Donc, ici, nous pouvons également définir le numéro d'utilisateur sur null, pour le réinitialiser à une valeur false-ish et maintenant configurer un nouveau gestionnaire de jeu
réinitialise tout ce que nous vérifions là-bas, donc nous devrions voir
l'écran de démarrage du jeu, maintenant nous
avons juste besoin de passer un pointeur à configurer le nouveau gestionnaire de jeu vers le jeu sur l'écran.
Alors là, je vais peut-être ajouter un accessoire onRestart et qui pointe
sur configurer un nouveau gestionnaire de jeu.
Alors maintenant, nous pouvons utiliser l'accessoire onRestart à l'intérieur du jeu sur l'écran en le liant à ce bouton,
là-bas sur une pression, je veux exécuter onRestart en tant que fonction sans parenthèses ici parce qu'ici, je
le pointe juste pour que onPress enregistre ce
pointeur et lorsque ce bouton est enfoncé, cette fonction s'exécutera. Essayons tout cela, entrons un nombre,
peut-être 41 et commençons un jeu, puis plus bas, c'était rapide
mais bon ça va.
Deux tours,
le nombre était de 41,
c'est exact et si je clique sur nouveau jeu, nous sommes de retour ici.
Essayons, 66, plus, plus, plus
bas, plus bas,
plus bas, même plus
bas, plus,
plus bas,
eh bien
ça prend longtemps, plus
bas, plus, plus,
plus
bas, plus bas, plus,
oui, 14 tours. Cela peut donc prendre
plus de temps, mais l'essentiel est que notre logique fonctionne
ici et c'est en fait déjà la logique terminée de tout le jeu.
Maintenant, ce qui n'est pas fini, c'est le style général, je veux avoir un bouton différent
ici, je veux avoir des
boutons différents ici, je
veux utiliser ma propre police, je veux utiliser des icônes et je veux aussi m'assurer que nous montrons un peu image sur l'écran où le jeu
est terminé, donc ici je veux aussi avoir
une petite image.
Ce sont donc toutes les choses que nous
aborderons ensuite, beaucoup de style et d'ajout d'images à faire.