Mas cursos de React Native porfavor !!!
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?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
AgustÃn Navarro Galdon
Aportes 6
Preguntas 0
Mas cursos de React Native porfavor !!!
seria bueno un curso con backend con node(express o nest.js) y react native
Ahora queremos un curso para crear el backend con base de datos de esta aplicación 💚
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>
)
}
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',
},
useFocusEffect(
useCallback(() => {
if (!auth) {
navigation.navigate('Account');
}
if (auth) {
getFavorites();
}
}, [auth])
);
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?