Modal doesn't close when navigating to different screen

Bug

This is not technically a bug, it’s just something that is not implemented and I am not sure how to implement this on my own. When using in combination with React Navigation, if you open a modal in one screen and then navigate to another, the modal in the first screen remains open. How would you recommend having the modals in a screen all dismiss when navigating away from the screen?

Environment info

Library	Version
“@gorhom/bottom-sheet”	“^2”
“react-native”	“https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz”
“react-native-reanimated”	“~1.13.0”
“react-native-gesture-handler”	“~1.8.0”
“@react-navigation/bottom-tabs”	“^5.11.3”
“@react-navigation/material-top-tabs”	“^5.2.16”
“@react-navigation/native”	“^5.9.0”
“@react-navigation/stack”	“^5.12.6”

Steps To Reproduce

Install React navigation and add the bottom sheet to each of the screens. When you navigate to another screen you would expect the modal to be gone, but it’s there if you navigate back to the original screen.

Reproducible sample code

yarn 😃

[gorhom]

hi @kickbk, you can dismiss or close the BottomSheet whenever you leave the screen, read more about useFocusEffect 👍

[liquidvisual]

For anybody who might stumble on this, I fixed my modal with:

handlePress = () => {
   navigation.goBack();
   navigation.navigate("SomeScreen", { id: 123});
}