Así que estamos haciendo un buen progreso.
Migramos todos nuestros navegadores o casi todos.
Ahora, ¿qué pasa con el navegador de conmutación vacío del navegador AQUÍ?
Bueno, seguro que te desconectamos del navegador.
Es un navegador de pila que es responsable de la pantalla y nosotros.
Bueno, ¿qué pasa con el navegador de cambio?
Bueno, ya no necesitaremos cambiar de navegador.
No hay un paquete de cambio de barra de navegación en reaccion ni nada de eso.
Pero volveré a eso cuando lo necesitemos.
Entonces, por ahora creemos nuestro navegador fuera de línea o nuestro navegador fuera de pila aquí llamando al navegador.
Al llamar a crear el navegador de pila y exportar nuestro año constante fuera del navegador, que de nuevo
es un componente de reacción igual que antes cuando regresamos del navegador de pila.
Y allí tenemos nuestra pantalla de puntos del navegador de la cubierta de la oficina y el nombre de la pantalla está apagado.
Como lo tenemos aquí y el componente que necesitamos está fuera de la pantalla, así que eso es todo.
Ahora tenemos las opciones del diablo NAF aquí.
Por lo tanto, las opciones de pantalla en el navegador deberían ser las opciones de siesta predeterminadas y 40 opciones específicas de pantalla.
Echemos un vistazo a la pantalla apagada y, si nos desplazamos hacia abajo, también tenemos algunas opciones.
Así que exportemos nuestras opciones de pantalla aquí tal como lo hicimos antes.
Exportemos y luego vayamos al navegador de la tienda aquí y en esa pantalla.
Establezcamos dos opciones fuera de la pantalla que ahora también tenemos que agregar como una importación en la
parte superior desde fuera de la pantalla, importamos las opciones de pantalla como opciones fuera de la pantalla, así que eso es todo.
Ahora también tenemos esta pantalla de inicio, pero si observamos más de cerca en el pasado, solo señalamos
eso directamente desde el interior de nuestro navegador Navigator, lo que nos deja con una sola pregunta.
¿Qué pasa con este navegador de conmutación?
Ahora, en el pasado, esta habría sido la primera pantalla que verá una vez que se cargue la manzana
porque es la primera pantalla superior en esta configuración.
Y luego teníamos lógica en ese viejo contenedor de navegación que construimos anteriormente, donde verificamos si estamos
autenticados y si eso no fuera cierto si no estuviéramos autenticados, redirigiríamos al usuario
a esa pantalla.
Ahora, ¿cuándo llegaríamos a la pantalla de la tienda?
Bueno, para eso echemos un vistazo a la pantalla de inicio.
Ahí vemos que intentamos autenticarnos y aquí eventualmente íbamos a la pantalla de las tiendas cuando
iniciamos sesión automáticamente.
Esa fue la lógica que escribimos allí.
Ahora que sigue siendo una lógica que tiene mucho sentido.
Solo tenemos que ajustarlo para el nuevo paquete de navegación al final, lo que podemos ver aquí es que en el inicio
de la pantalla estamos tratando de bloquear al usuario y, si no podemos encontrar los datos de usuario almacenados en el dispositivo, vamos a
la página de fuera.
Si encontramos que los datos sobre el token han caducado o no, vamos a la página de apagado.
Sin embargo, si tenemos éxito con todo y tenemos un token válido, en su lugar, vamos a la página de
la tienda y enviamos una acción donde autenticamos al usuario que cambia de
estado y nuestra tienda redux que establece los tokens inicialmente en ese token en nuestra tienda. ahora ahora podemos usar eso.
¿Qué pasa si nos deshacemos de todas estas llamadas de navegación aquí para que podamos eliminarlas o simplemente comentarlas mientras lo
hago aquí?
Entonces nos deshacemos de todas estas acciones de navegación.
¿Qué pasa si volvemos aquí?
Bueno, si volvemos aquí, la ejecución de la disfunción detiene a Indiana.
Para.
Y lo que definitivamente no hacemos es que definitivamente no enviamos acciones.
Así que definitivamente no configuramos el token para nada.
Sigue siendo no.
Eso siempre sucede aquí a menos que lleguemos al fondo, en cuyo caso tenemos un token.
Nos enviamos y el token no es nulo.
A menudo están en nuestra tienda.
Entonces, ese token que gestionamos con redux es incluso ahora o tiene un valor.
Ahora quiero ajustar un poco la tienda redux.
La parte de él y todos ustedes para el usuario y agregaré una nueva pieza de datos a
este estado y esa es la clave de todos los intentos para iniciar sesión.
Puedes nombrarlo como quieras y lo estableceré en falso inicialmente aquí.
Quiero almacenar si intentamos iniciar sesión con el usuario o no.
Ahora si nos autenticamos.
Entonces, si despachamos una acción con ese identificador, estableceré que intenté iniciar sesión automáticamente en verdadero.
También agregaré una nueva acción aquí en acciones desactivadas y para eso agregaré un
nuevo identificador aquí que nombraré set intentó o una L para el inicio de sesión automático probó una L y creó un creador de
acción para eso set probó una L que no toma argumentos.
Y donde no devolví mi objeto de acción donde escribir solo se establece.
Intenté un l ..
También podría ponerlo al final del archivo, no importa.
Ahora, ¿por qué estoy haciendo eso?
Lo verás en el segundo.
Volvamos al reductor, reduzca el reductor y maneje este nuevo caso.
El caso establecido lo intentó a l.
Asegúrate de que también importes de acciones de ahora cada año, devolvemos un nuevo estado en el que copie el estado anterior
y donde dije que intenté iniciar sesión automáticamente en verdadero, por lo que el token aún podría ser conocimiento,
solo configúralo como verdadero.
Ahora mi idea es que envíe esta acción aquí en la pantalla de inicio.
En todos los escenarios en los que previamente fuimos a la pantalla fuera, entonces intentamos iniciar sesión
pero no lo logramos.
Así que sí, enviaré el set. Intenté A. L. así que asegúrate de acceder a esto en tus acciones de
apagado así y hazlo en estos dos casos donde previamente navegamos a la pantalla de apagado.
Así que ahora tenemos este nuevo campo y redux y por qué estoy haciendo eso.
¿Por qué es útil esto?
Bueno, porque con react navigation 5 ya no hay un navegador de interruptores porque ya no lo necesitamos,
ya que ahora gestionamos toda nuestra configuración de ruta.
¿Por qué los componentes podemos simplemente renderizar dinámicamente componentes para que tengan un efecto o no
hacerlo en el navegador de aplicaciones donde renderizo el navegador de mis productos?
Ahora es el momento de agregar todos estos navegadores configurados y luego decidir qué navegador se debe representar
cuando sea así desde el navegador de la tienda.
Ahora realmente quiero importar este navegador
de tiendas aquí, que exportaré como una constante nuevamente y luego aquí un navegador de aplicaciones que importo el navegador
de tiendas.
Ese es nuestro sorteo de un navegador.
Tenga eso en cuenta y eso es lo que quiero presentar aquí.
Shop Navigator.
Entonces, esto es básicamente lo que quiero renderizar si estamos encerrados en nuestra tienda justo antes, eso es lo que
asignamos a esta clave de tienda en el navegador de interruptores.
Ahora todos necesitamos el navegador apagado en la pantalla de inicio.
Así que aquí hay un navegador de aplicaciones.
Importaré el navegador desactivado y estos son los únicos dos navegadores que necesito importar aquí.
Por lo tanto, puede eliminar la declaración de exportación en todos los otros navegadores aquí en nuestro archivo de navegador de la tienda, pero
lo que también necesitará importar en el navegador de aplicaciones es la pantalla de inicio ahora.
Entonces, importemos la pantalla de inicio desde la pantalla de inicio de pantallas y ahora tenemos el navegador de la tienda.
Tenemos el navegador desactivado como alternativa y también tenemos una pantalla de inicio profunda ahora solo representará uno
de los gratuitos y.
Y aquí es donde ahora podemos reutilizar redux.
Copiaré el selector de uso porque la información del sitio sobre el token también me
interesa aprender sobre el intento de todos los campos de inicio de sesión que agregué al estado desactivado aquí.
Este nuevo campo agregado Ahora tengo acceso a esto aquí en el archivo del navegador de mi aplicación y lo guardo e
intenté todo para iniciar sesión constantemente.
Ahora sé que quiero renderizar para comprar si esto es cierto y lo que hacemos es cómo podemos hacerlo si estamos autenticados.
Siempre hago compras, no me importa nada más.
Ahora quiero renderizar el navegador fuera si es por sus fallas e intentamos iniciar sesión todavía porque si
no hemos intentado iniciar sesión automáticamente, entonces realmente quiero renderizar la pantalla de inicio, así que si no
estamos autenticados y lo hicimos no intente nuestro inicio de sesión automático todavía
Bueno, entonces no sabemos si el usuario podría ser un autenticador o no.
Entonces, en ese caso, quiero renderizar a la pantalla de inicio ahora, quiero rápidamente un POS allí y asegurarme de que todos estamos
en la misma página y todos entendemos por qué ahora estamos usando esto en lugar del navegador de cambio.
Ahora, antes que nada, ya no hay un navegador de interruptores en react navigation 5.
Pero por qué fue eliminado.
Bueno, dado que ahora configuramos todo con componentes, podemos usar herramientas de reacción regulares para representar un
componente o no.
Si no está pensando en la navegación, sino en una pantalla normal en la que tal
vez tenga un texto que solo desea mostrar condicionalmente, usaría algún estado y luego en J es X, a veces solo
representaría un texto con una expresión ternaria, por ejemplo .
Y estamos haciendo lo mismo aquí con nuestra configuración de ruta con nuestras configuraciones de
pantalla aquí, la configuración de configuración de pantalla que tenemos aquí son diferentes navegadores y para la pantalla
de inicio, estos son al final todas las cosas que reaccionan deben ser conscientes de traer algo al pantalla y
reacción de navegación detrás de escena levantamiento pesado y polvoriento interpretando nuestra configuración y asegurándose de que
el componente correcto aparezca en la pantalla.
Ahora, si usamos está desactivado e intentamos iniciar sesión automáticamente para controlar qué navegador es realmente capaz de renderizar al reaccionar usando una expresión tan ternaria,
entonces nos aseguramos de que si, por ejemplo, está desactivado, no es cierto, no hay forma de que las pantallas del
navegador de la tienda puedan ser traído a la pantalla.
Por qué.
Debido a que el componente del navegador de la tienda que contiene nuestra configuración raíz relacionada con la tienda, nuestra configuración
de pantalla ese componente solo se representa si la oficina es verdadera.
Por lo tanto, no hay forma de que una pantalla relacionada con la tienda se muestre en la pantalla si está desactivada es falsa.
Realmente haga esa comparación con elementos de texto normales o cuadros normales en una pantalla que renderice condicionalmente.
Estamos haciendo lo mismo aquí, pero no con cuadros y texto, sino con toda nuestra pila de navegación.
Eso es lo que hacemos aquí y con todo eso si guardamos esto y volvemos
a ejecutar esto en Android, terminamos en la pantalla apagada y si vuelvo a cargar esto y se reconstruye, volveremos a terminar allí.
Ahora, si intento iniciar sesión aquí, ahora
tengo un problema aquí.
Me sale un error que navegar con una carga útil de la tienda no se manejó bien.
Esto ahora tiene sentido si lo piensas.
Ya no tenemos interruptor de navegador.
En cambio, solo controlamos qué navegador queremos representar en qué circunstancias.
Entonces, ¿por qué estamos recibiendo esto?
¿Puedes resolverlo y arreglarlo por tu cuenta?
De lo contrario, lo haremos juntos, lo arreglaremos juntos en la próxima clase.