Tengo una aplicación que realiza una prueba y cuando el usuario actualmente conectado pasa la prueba, la aplicación muestra un modal que le dice que pasó la prueba. Quiero que la aplicación guarde este estado para este usuario específico que está conectado actualmente e incluso si cierra la aplicación, la pantalla de aprobación aún permanece allí, pero ahora, si un usuario completamente nuevo inicia sesión, la aplicación debería comenzar de nuevo desde el principio. primero debe mostrar la pantalla de prueba y luego, si el usuario pasa la prueba, la aplicación le guarda el estado correspondiente.
En pocas palabras, quiero que mi aplicación guarde el estado de cada usuario por separado según su caso (que hayan pasado la prueba o no). Quiero una solución clara y simple para esto. Aquí está el fragmento de código para mi test.js:
import React ,{useState, useEffect} from "react"; import {View, Alert, Image, StyleSheet, Text, Modal, TouchableOpacity, TouchableHighlight} from 'react-native'; import Voice from 'react-native-voice'; import auth from '@react-native-firebase/auth'; export default alpht =({navigation}) => { function Check() { if (results.includes(words[index])){ Alert.alert('Correct!','You are learning so well!'); if(index==7) { if(count<=5) { //displaying the modal for passing screen setshowpass(true); } else{ console.log(count) Alert.alert('fail','fail'); } } if (index==7){ setndis(true); setdis(true); setidis(true); } else{ setndis(false); setdis(true); setidis(true); } } else{ Alert.alert('Ops!','Looks like you went wrong somewhere. Try again!'); setcount(count+1); setdis(true); setndis(true); if(count==5){ Alert.alert('Restest', 'Looks like you had way too many mistakes!') setind(0); setcount(0); setdis(true); } } } const words=['ceket', 'çilek', 'elma', 'fare', 'öğretmen', 'otobüs', 'şemsiye', 'uçak']; const [show, setshow]=useState(''); const [showpass, setshowpass]=useState(false); useEffect(() => { setshow(true); }, []); return ( ..other code here ) }Hay varias formas de resolver el problema. puede usar AsyncStorage o crear una lógica más sofisticada usando react-redux y redux-persist .
En pocas palabras, solo necesita almacenar en caché los detalles/datos del usuario y puede hacerlo siguiendo mi sugerencia anterior. (Mi respuesta no necesita fragmento de código)
Gracias.