1 00:00:02,270 --> 00:00:08,210 Maintenant, pour montrer une telle alerte, React Native nous a couvert, à partir de React Native, nous pouvons importer 2 00:00:08,210 --> 00:00:15,260 une alerte et ce n'est pas non plus un composant que nous utilisons mais à la place, un objet où nous pouvons 3 00:00:15,260 --> 00:00:22,670 appeler une API native, où nous pouvons appeler une fonctionnalité native. Donc, ici où nous revenons si l'une de ces conditions est remplie 4 00:00:22,670 --> 00:00:30,380 et que nous n'avons donc pas de numéro valide, nous pouvons appeler alert. alerte et lancez maintenant une alerte que vous 5 00:00:30,380 --> 00:00:35,930 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. 6 00:00:36,280 --> 00:00:39,230 Maintenant, le titre peut être un 7 00:00:39,230 --> 00:00:48,680 numéro non valide, la chaîne de message peut être un numéro doit être un nombre compris entre 1 et 99. 8 00:00:50,020 --> 00:00:53,680 Les boutons sont alors un tableau de boutons d'alerte, ce 9 00:00:53,680 --> 00:01:01,420 que vous ajoutez ici sont simplement des objets Javascript où chaque objet peut avoir un certain style, un texte et une presse, donc 10 00:01:01,480 --> 00:01:11,200 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 11 00:01:11,200 --> 00:01:14,650 des trois valeurs de texte, ce n'est pas un style 12 00:01:14,650 --> 00:01:17,100 que vous avez défini avec une 13 00:01:17,170 --> 00:01:21,520 feuille de style, mais plutôt l'un de ces trois identificateurs de style prédéfinis. 14 00:01:21,520 --> 00:01:25,180 C'est soit un style d'annulation, par défaut ou destructif, 15 00:01:25,180 --> 00:01:33,220 cela change la couleur et la présentation ici et je donnerai ce destructif comme style et j'ajouterai également mon propre gestionnaire 16 00:01:33,220 --> 00:01:39,980 de presse où je pointe vers le gestionnaire d'entrée de réinitialisation parce que je veux réinitialiser l'entrée utilisateur 17 00:01:40,060 --> 00:01:46,000 si elle était de toute façon invalide. Avec cela, l'alerte est configurée et cette alerte sera 18 00:01:46,000 --> 00:01:47,350 maintenant affichée si 19 00:01:47,350 --> 00:01:50,640 l'entrée n'est pas valide ici. Essayons de l'enregistrer et 20 00:01:50,790 --> 00:01:55,560 si je clique sur confirmer ici, je n'ai pas de numéro, nous devrons le corriger 21 00:01:55,590 --> 00:02:02,500 mais si j'entre 0 ici, maintenant j'obtiens cette alerte avec le bouton OK et si je clique dessus , ceci est réinitialisé 22 00:02:02,500 --> 00:02:05,060 et nous allons bien, mais assurons-nous que nous 23 00:02:05,080 --> 00:02:12,630 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 24 00:02:12,680 --> 00:02:15,700 ne fonctionnera pas en Javascript, à la place vous avoir 25 00:02:15,700 --> 00:02:21,470 une fonction spéciale isNaN autour de laquelle vous entourez votre valeur et maintenant cela vérifiera pour vous si 26 00:02:21,500 --> 00:02:26,000 ce n'est pas un nombre et si cela retourne vrai, nous le faisons dans 27 00:02:26,010 --> 00:02:28,330 ce bloc if et donc lancerions cette 28 00:02:28,330 --> 00:02:31,570 alerte, alors maintenant soumettant une valeur vide est également invalide. 29 00:02:31,630 --> 00:02:32,600 C'est donc 30 00:02:32,680 --> 00:02:37,080 important, l'utilisation n'est pas un nombre au lieu de cette vérification d'égalité. 31 00:02:37,090 --> 00:02:41,030 Alors maintenant, nous vérifions cela, les valeurs valides sont toujours autorisées et avec 32 00:02:41,110 --> 00:02:46,990 cela, travaillons sur cette présentation de confirmation afin que nous puissions bientôt entrer également dans la prochaine étape et commencer 33 00:02:46,990 --> 00:02:47,890 une partie.