Logout

Clase 16 de 21 • Curso de React Native: Formularios, Almacenamiento y Deploy

Clase anteriorSiguiente clase

Guillermo Andres Valenzuela Palencia

student•

Mas cursos de React Native porfavor !!!!!

Sergio Camilo Castillo Nuñez

student•

seria bueno un curso con backend con node(express o nest.js) y react native

ZANONI ALFREDO SALAS TOBÓN

student•

Puedes usar las Api Rest de los cursos e implementar las vistas en react native. Los cursos de Nestjs y Express ya están

Gustavo Pú

student•

Ahora queremos un curso para crear el backend con base de datos de esta aplicación 💚

José Torín

student•

Si les da problema la función para navegar al formulario de sesión prueben implementar el navigation de esta forma:

export default function NoLogged() {
    const navigation = useNavigation()
    const navigateToForm = ()=>{
      navigation.navigate('AccountNavigation', { screen: 'Account' });
    }
  return (
    <View style={styles.content}>
      <Text style={styles.text}>Para ver esta pantalla debes iniciar sesion</Text>
      <Button title='Ir al loggin' onPress={navigateToForm} />
    </View>
  )
}

Brian Bentancourt

student•

les dejo como crear un boton personalizado

<Pressable style={styles.button} onPress={() => navigation.navigate('Account')}>
                <Text style={styles.textButton} >Ir al login</Text>
</Pressable>

styles

button: {
        margin: 12,
        alignItems: 'center',
        justifyContent: 'center',
        paddingVertical: 12,
        paddingHorizontal: 32,
        borderRadius: 10,
        elevation: 3,
        backgroundColor: 'white',
    },
    textButton: {
        fontSize: 16,
        lineHeight: 21,
        fontWeight: 'bold',
        letterSpacing: 0.25,
        color: '#000',
    },

Kevin Parra Lopez

student•

Yo directamente hice la redirección

  useFocusEffect(
    useCallback(() => {
      if (!auth) {
        navigation.navigate('Account');
      }

      if (auth) {
        getFavorites();
      }
    }, [auth])
  );

David Rangel

student•

Les mando mis cambios para esta clase, incluyen una imagen Kawaii de fondo:

https://github.com/dr1602/poke-native/pull/34/files

Logout

Sistema de formularios

Descarga el código base del proyecto

Pantalla de Mi cuenta

Formulario de Login

Sistema de formularios avanzados

Implementando Formik y Yup

Iniciando sesión

useAuth: manejo de sesiones con Custom Hooks y React Context

Datos del usuario y logout

Sistema de favoritos

Botón de añadir a favoritos

Almacenando un Pokémon favorito con AsyncStorage

Almacenando varios Pokémon favoritos

Pantalla de favoritos

Toggle en el botón de favoritos

Eliminar Pokémon de favoritos

Lista de Pokémon favoritos

Navegación hacia atrás en favoritos

Logout

Sincronizando información entre pantallas

Pre deploy

Configuración básica antes del BUILD

Cómo generar el APK y AAB para Android

Cómo generar la app para iOS

¿Quieres cursos más avanzados de React Native?