Breaking News: Grepper is joining You.com. Read the official announcement!

want the app to save the passing screen after a user has passed the test even when the app exits in react native

SAMER SAEID answered on May 11, 2022 Popularity 1/10 Helpfulness 1/10

answer want the app to save the passing screen after a user has passed the test even when the app exits in react native

related want the app to save the passing screen after a user has passed the test even when the app exits in react native

want the app to save the passing screen after a user has passed the test even when the app exits in react native

Comment

// or whatever name it is
const MainScreen = () => {

   const [showpass, setshowpass] = useState();
   
   useEffect(() => {
       const getState = async () => {
           const result = await hasPassed()
           setshowpass(result ? result.hasPassed : false)
       }
       getState()
   }, [])

   // since it is async
   if (showpass === undefined) {
      return null
   }

   return (
      <View style={styles.body}>
        <Modal
           transparent={false}
           visible={showpass}
           animationType='slide'
           hardwareAccelerated 
         >
            <View style={styles.body}>
              <Text style={styles.toptext}>Congratulations!</Text>
              <Text style={styles.toptext}>Worked great in Turkishya!</Text>
              <Text style={styles.topptext}>
                And mastered the skill 'Alphabets'
              </Text>
            </View>
            </Modal>
      <View>
   );
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: react-native save screen whatever when

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Closely Related Answers

want the app to save the passing screen after a user has passed the test even when the app exits in react native

Comment

import AsyncStorage from '@react-native-async-storage/async-storage';

// or whatever
const key = "hasPassed"

export const hasPassed = async () => {
    return AsyncStorage.getItem(key).then(result => result != null ? JSON.parse(result) : undefined).catch(e => console.log(e))    
}

export const setHasPassed = async (newPassed) => {
    return AsyncStorage.setItem(key, JSON.stringify({hasPassed: newPassed})).catch(e => console.log(e))
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript react-native save screen when

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

want the app to save the passing screen after a user has passed the test even when the app exits in react native

Comment

if(count<5) {
  //  Alert.alert('pass','pass');
  // showing passing screen in the form of a modal
   setHasPassed(true).then(() => setshowpass(true))
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript react-native when save screen

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

want the app to save the passing screen after a user has passed the test even when the app exits in react native

Contents

More Related Answers

want the app to save the passing screen after a user has passed the test even when the app exits in react native

Closely Related Answers

want the app to save the passing screen after a user has passed the test even when the app exits in react native

want the app to save the passing screen after a user has passed the test even when the app exits in react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.