Ahora para cerrar sesión.
Necesitamos una nueva acción, que podamos despachar.
Entonces, en el archivo desactivado, en la carpeta de acciones.
Agregaré un nuevo creador de acción.
¿Realmente importa dónde agregaste? Agregué allí y lo exporté y lo llamé para cerrar sesión, lo que me parece
un nombre apropiado.
No espero argumentos allí.
Sin embargo, necesito el identificador de acción para cerrar sesión.
Entonces aquí podemos exportar.
Cierre de sesión de concierto con la cadena de cierre de sesión.
Y ahora te quedas ahí abajo.
Y en este creador de acciones, que es un creador de acciones normal donde no necesito enviar ninguna solicitud HTP
ni nada por el estilo, acabo de enviar su acción de cierre de sesión Yende donde creo este objeto de acción de cierre
de sesión.
Ahora podemos usar a papá.
Y quiero poder cerrar sesión con la ayuda del sitio, dibujar en el sitio, dibujar.
Quiero tener este botón para cerrar sesión.
Eso significa que necesitamos hacer algo que no hemos hecho antes.
Necesitamos agregar un nuevo botón para decidir dibujar.
Hasta ahora, solo agregamos los botones creados automáticamente.
Pero agregar tu propio contenido no es demasiado difícil para papá.
Vayamos al archivo Shop Navigator donde configuramos el cajón.
Aquí está.
Y luego aquí, además de mis opciones de contenido.
También puede agregar un componente de contenido aquí.
Esto le permite agregar su propio contenido para decidir o en lugar del contenido predeterminado.
Ahora, esto toma una función que recibe accesorios porque al final, este es un componente de reacción, que se
agrega aquí.
Así que obtiene accesorios y declaraciones de impuestos, soy J. S. X, y todos necesitan asegurarse de que estás
importando reaccionar desde reaccionar.
Y todos necesitaremos un par de otras importaciones.
También necesitamos importar algo de reaccionar nativo.
Y esa debería ser la vista del área segura.
Y también quiero importar el botón de REAC nativo.
Además, desde REACT Navigation, necesitamos importar los elementos del cajón.
Y también muy nativa de nuevo.
También necesito ver.
Con eso importado, vamos a nuestro componente de contenido recién agregado.
Y aquí ahora podemos devolver una vista con un estilo de flex one.
Por supuesto, también puede agregar una hoja de estilo.
Solo agregaré un estilo en línea.
Y, por cierto, este componente podría, por supuesto, también residir en un archivo separado.
No tiene que ser creado sobre la marcha en este otoño.
Ahora, en esta vista, quiero tener una vista de área segura y asegurarme de agregar una inserción de fuerza igual a
la parte superior siempre.
Horizontal.
Nunca, y esto solo controla cómo se presenta.
Y en esa zona segura vista.
Ahora debe agregar para dibujar elementos, un accesorio de paso importante para aquellos, porque estos son los elementos de cajón predeterminados
que se representan.
Y ese aún debería ser el caso.
Y para que se configuren correctamente, debe pasar los accesorios, que finalmente se pasan y al reaccionar
la navegación y mantiene todo su contacto de extracción, etc.
Y ahora puedes agregar tu propio elemento extra de sorteo aquí.
Y habrá este botón, el botón nativo de reacción predeterminado donde digo cerrar sesión.
Donde quiero agregar un color de, digamos, colores, punto primario y usar en la prensa.
Ahora quiero enviar esta acción de cierre de sesión.
Y ahora tendremos un gran problema aquí.
¿Cómo podemos enviarnos desde aquí?
Ahora, antes que nada, si guarda esto, debería ver esto.
Entonces, si expande el dibujo, aquí está el botón para cerrar sesión.
Derecha.
Entonces esto funciona.
Y, por supuesto, puedes diseñar y posicionar a quien quieras.
Y, por cierto, solo verifique dos veces.
También podemos ver esto en Android si iniciamos sesión allí.
Aquí en el cajón, todos lo hacemos después de cerrar sesión.
Botón.
Por cierto, es posible que deseemos agregar un poco más de relleno en la parte superior.
Pero, ¿cómo podemos despachar todo?
Y agregaré algo de relleno adicional aquí.
De 20.
Porque mi vista de área segura funciona, pero apenas deja más espacio del que necesito.
Entonces, para tener un espacio adicional, un poco de relleno no puede doler.
Creo que eso está mejor.
Pero, de nuevo, ¿cómo podemos asegurarnos de que podemos enviar una acción aquí?
Bueno, este es un componente de reacción, ¿verdad?
Entonces, al final, simplemente podemos usar el despacho aquí.
Para que podamos importar.
Use el despacho aquí.
De React redux.
Entonces, lo que hicimos antes y lo usamos aquí, porque puedes usar este gancho en cualquier componente y esto es
solo un componente.
Entonces, cualquier año antes de que regresemos es X.
Puedo obtener acceso a mi función de despacho con el uso de despacho y, por ahora, cuando
presionamos este botón, podemos llamar al despacho y despachar nuestra acción para papá.
Por supuesto, solo necesita asegurarse de que lo está importando.
Así que importe todo a partir de acciones desde la carpeta de la tienda, la carpeta de acciones hace todo el archivo y ahora usa todas
las acciones para crear acciones muertas aquí.
Toda la acción almacenada.
Cerrar sesión.
Cerrar sesión de esta manera.
Y esto debería enviarse a la acción de cierre de sesión.
Además de eso, también quiero navegar lejos para poder navegar por todos los accesorios de navegación llamados puntos.
Eso estará disponible aquí y volverá a la pantalla fuera de aquí.
Entonces, básicamente, esto fuera de la pantalla aquí y el navegador de cambio.
Nuestro sorteo es parte del Shop Navigator.
Entonces, también podemos ir a la pantalla desde allí.
Ahora, cuando despachamos el cierre de sesión, quiero asegurarme de que en el reductor también estamos haciendo algo.
Tenemos a nuestro creador de acciones de cierre de sesión aquí.
Entonces, en el reductor y el usuario ofrecido, quería un nuevo caso para cerrar sesión.
Y para papá, debes asegurarte de importar el identificador de cierre de sesión.
Y, por supuesto, aquí es muy simple.
Devuelvo mi estado inicial, que al final significa que el token se restablece y el usuario I. RE. se restablece
Y ahora intentemos esto.
Si vuelvo aquí y ahora hago clic en cerrar sesión, vuelvo a la pantalla apagada, así que eso funciona.
También probémoslo en Android.
Haga clic en Cerrar sesión aquí, estamos de vuelta.
Entonces esto está funcionando.
Ya casi llegamos con eso.
Pero también deberíamos bloquearnos automáticamente si el token expiró porque tiene fecha de vencimiento.
Y en este momento, no tenemos vencimiento automático.