1
00:00:02,270 --> 00:00:08,210
Ahora, para mostrar dicha alerta, React Native nos tiene cubiertos, desde React Native podemos importar

2
00:00:08,210 --> 00:00:15,260
alertas y tampoco es un componente que usamos, sino un objeto donde podemos llamar a una API

3
00:00:15,260 --> 00:00:22,670
nativa, donde podemos llamar a una característica nativa. Entonces, aquí donde regresamos si se cumple una de estas condiciones y,

4
00:00:22,670 --> 00:00:30,380
por lo tanto, no tenemos un número válido, allí podemos llamar a alerta. alerta y ahora lanza una alerta que puedes

5
00:00:30,380 --> 00:00:35,930
configurar como se describe aquí. Puede establecer un título, puede agregar un mensaje y también puede agregar botones y algunas opciones generales.

6
00:00:36,280 --> 00:00:39,230
Ahora el título podría ser

7
00:00:39,230 --> 00:00:48,680
un número no válido, la cadena del mensaje podría ser un número, debe ser un número entre 1 y 99.

8
00:00:50,020 --> 00:00:53,680
Entonces, los botones son una serie de botones de alerta,

9
00:00:53,680 --> 00:01:01,420
lo que agrega aquí son simplemente objetos Javascript donde cada objeto puede tener un cierto estilo, un texto y una prensa, por lo

10
00:01:01,480 --> 00:01:11,200
que básicamente se trata de un controlador de clic y agregaré un texto aquí donde simplemente digo que esté bien donde luego defino un estilo y el estilo

11
00:01:11,200 --> 00:01:14,650
aquí es uno de los tres valores de texto, no

12
00:01:14,650 --> 00:01:17,100
es un estilo que definió con

13
00:01:17,170 --> 00:01:21,520
una hoja de estilo, sino uno de estos tres identificadores de estilo predefinidos.

14
00:01:21,520 --> 00:01:25,180
Es un estilo de cancelación, predeterminado o destructivo, esto

15
00:01:25,180 --> 00:01:33,220
cambia el color y la presentación aquí y le daré este estilo destructivo y también agregaré mi propio controlador de

16
00:01:33,220 --> 00:01:39,980
prensa donde apunto al controlador de entrada de reinicio porque quiero reiniciar la entrada del usuario si

17
00:01:40,060 --> 00:01:46,000
de todos modos no era válida. Con eso, la alerta está configurada y esta alerta ahora

18
00:01:46,000 --> 00:01:47,350
se mostrará si la

19
00:01:47,350 --> 00:01:50,640
entrada no es válida aquí. Intentemos guardarlo y si

20
00:01:50,790 --> 00:01:55,560
hago clic en confirmar aquí, en realidad no obtengo un número, tendremos que arreglarlo, pero

21
00:01:55,590 --> 00:02:02,500
si ingreso 0 aquí, ahora recibo esta alerta con el botón Aceptar y si hago clic en él , esto se

22
00:02:02,500 --> 00:02:05,060
restablece y estamos bien, pero asegurémonos de

23
00:02:05,080 --> 00:02:12,630
que también obtengamos esto si no tenemos un número, si el número elegido no es un número y la razón es que esta

24
00:02:12,680 --> 00:02:15,700
verificación no funcionará en Javascript, en su lugar tiene

25
00:02:15,700 --> 00:02:21,470
una función isNaN especial en la que ajusta su valor y ahora esto verificará si no es un

26
00:02:21,500 --> 00:02:26,000
número y si eso devuelve verdadero, lo convertimos en este bloque if y, por

27
00:02:26,010 --> 00:02:28,330
lo tanto, arrojaríamos esta alerta, por

28
00:02:28,330 --> 00:02:31,570
lo que ahora enviamos un valor vacío También es inválido.

29
00:02:31,630 --> 00:02:32,600
Eso es

30
00:02:32,680 --> 00:02:37,080
importante, el uso no es un número en lugar de esa verificación de igualdad.

31
00:02:37,090 --> 00:02:41,030
Así que ahora estamos comprobando esto, todavía se permiten valores válidos y

32
00:02:41,110 --> 00:02:46,990
con eso, trabajemos en esta presentación de confirmación para que pronto podamos entrar en la siguiente etapa y comenzar

33
00:02:46,990 --> 00:02:47,890
un juego.