How to make a modal toggle only when navigating from a specific page in React Native?

user_14614286 0
Viewed 102

I have two screens in my app called "ReadyScreen" and "RunningScreen."

The user can access ReadyScreen on one of two ways:

1: When they are getting ready to start a run (when they click the start run button)

2: When they finish the run, they will be navigated from RunningScreen back to the ReadyScreen.

When the user finishes a run, i want a modal to toggle showing them:

How Many Steps They Ran, Average HR, etc.

but I only want it to toggle when they are navigating from "RunningScreen."

Would this require an "if" statement basically stating if they navigated from RunningScreen the modal will toggle, else, it will not? Or is there more nuance to this?

react-navigation react-native modal-dialog python javascript
1 Answers

i would send a route param in RunningScreen:

navigation.navigate('ReadyScreen', {
 didComeFromRunningScreen: true
})

then in RunningScreen get the variable:

const RunningScreen = ({ route }) => {
 const { didComeFromRunningScreen } = route.params

 useEffect(() => {
  if(didComeFromRunningScreen){
   //show modal
  }
 }, [])
}

i believe this should work.

user_121970010
Related