React Native Navigation y pantalla de login

Implementación de una pantalla de login en una aplicación de React Native

Image for post
Image for post
Image for post
Image for post

0. Requisitos

react-native init AwesomeProject
Image for post
Image for post

1. ¿Cómo funciona React Native Navigation?

2. Definiendo y registrando pantallas

Componente para iniciar sesión

Image for post
Image for post
Image for post
Image for post

Componente para las pestañas

Registrando los componentes

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

3. Cambiando el layout de React Native Navigation

Image for post
Image for post
Image for post
Image for post

Cómo modificar el root layout tras el inicio de sesión

Image for post
Image for post
Image for post
Image for post

4. Consideraciones adicionales

export const LOGIN_SCREEN = 'app.loginForm';export const LOGGED_SCREEN = 'app.logged';

¿Quieres recibir más artículos como este?

Entre paseo y paseo con Simba desarrollo en Symfony y React

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store