Ahora, para mostrar dicha alerta, React Native nos tiene cubiertos, desde React Native podemos importar
alertas y tampoco es un componente que usamos, sino un objeto donde podemos llamar a una API
nativa, donde podemos llamar a una característica nativa. Entonces, aquí donde regresamos si se cumple una de estas condiciones y,
por lo tanto, no tenemos un número válido, allí podemos llamar a alerta. alerta y ahora lanza una alerta que puedes
configurar como se describe aquí. Puede establecer un título, puede agregar un mensaje y también puede agregar botones y algunas opciones generales.
Ahora el título podría ser
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.
Entonces, los botones son una serie de botones de alerta,
lo que agrega aquí son simplemente objetos Javascript donde cada objeto puede tener un cierto estilo, un texto y una prensa, por lo
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
aquí es uno de los tres valores de texto, no
es un estilo que definió con
una hoja de estilo, sino uno de estos tres identificadores de estilo predefinidos.
Es un estilo de cancelación, predeterminado o destructivo, esto
cambia el color y la presentación aquí y le daré este estilo destructivo y también agregaré mi propio controlador de
prensa donde apunto al controlador de entrada de reinicio porque quiero reiniciar la entrada del usuario si
de todos modos no era válida. Con eso, la alerta está configurada y esta alerta ahora
se mostrará si la
entrada no es válida aquí. Intentemos guardarlo y si
hago clic en confirmar aquí, en realidad no obtengo un número, tendremos que arreglarlo, pero
si ingreso 0 aquí, ahora recibo esta alerta con el botón Aceptar y si hago clic en él , esto se
restablece y estamos bien, pero asegurémonos de
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
verificación no funcionará en Javascript, en su lugar tiene
una función isNaN especial en la que ajusta su valor y ahora esto verificará si no es un
número y si eso devuelve verdadero, lo convertimos en este bloque if y, por
lo tanto, arrojaríamos esta alerta, por
lo que ahora enviamos un valor vacío También es inválido.
Eso es
importante, el uso no es un número en lugar de esa verificación de igualdad.
Así que ahora estamos comprobando esto, todavía se permiten valores válidos y
con eso, trabajemos en esta presentación de confirmación para que pronto podamos entrar en la siguiente etapa y comenzar
un juego.