Maintenant, pour montrer une telle alerte, React Native nous a couvert, à partir de React Native, nous pouvons importer
une alerte et ce n'est pas non plus un composant que nous utilisons mais à la place, un objet où nous pouvons
appeler une API native, où nous pouvons appeler une fonctionnalité native. Donc, ici où nous revenons si l'une de ces conditions est remplie
et que nous n'avons donc pas de numéro valide, nous pouvons appeler alert. alerte et lancez maintenant une alerte que vous
pouvez configurer comme décrit ici. Vous pouvez définir un titre, vous pouvez ajouter un message et vous pouvez également ajouter des boutons et des options générales.
Maintenant, le titre peut être un
numéro non valide, la chaîne de message peut être un numéro doit être un nombre compris entre 1 et 99.
Les boutons sont alors un tableau de boutons d'alerte, ce
que vous ajoutez ici sont simplement des objets Javascript où chaque objet peut avoir un certain style, un texte et une presse, donc
un gestionnaire de clics en gros et j'ajouterai un texte ici où je dis simplement d'accord, où je définis ensuite un style et un style ici est l'une
des trois valeurs de texte, ce n'est pas un style
que vous avez défini avec une
feuille de style, mais plutôt l'un de ces trois identificateurs de style prédéfinis.
C'est soit un style d'annulation, par défaut ou destructif,
cela change la couleur et la présentation ici et je donnerai ce destructif comme style et j'ajouterai également mon propre gestionnaire
de presse où je pointe vers le gestionnaire d'entrée de réinitialisation parce que je veux réinitialiser l'entrée utilisateur
si elle était de toute façon invalide. Avec cela, l'alerte est configurée et cette alerte sera
maintenant affichée si
l'entrée n'est pas valide ici. Essayons de l'enregistrer et
si je clique sur confirmer ici, je n'ai pas de numéro, nous devrons le corriger
mais si j'entre 0 ici, maintenant j'obtiens cette alerte avec le bouton OK et si je clique dessus , ceci est réinitialisé
et nous allons bien, mais assurons-nous que nous
l'obtenons également si nous n'avons pas de nombre, si le numéro choisi n'est pas un nombre et la raison en est que cette vérification
ne fonctionnera pas en Javascript, à la place vous avoir
une fonction spéciale isNaN autour de laquelle vous entourez votre valeur et maintenant cela vérifiera pour vous si
ce n'est pas un nombre et si cela retourne vrai, nous le faisons dans
ce bloc if et donc lancerions cette
alerte, alors maintenant soumettant une valeur vide est également invalide.
C'est donc
important, l'utilisation n'est pas un nombre au lieu de cette vérification d'égalité.
Alors maintenant, nous vérifions cela, les valeurs valides sont toujours autorisées et avec
cela, travaillons sur cette présentation de confirmation afin que nous puissions bientôt entrer également dans la prochaine étape et commencer
une partie.