react-navigation-bottom-sheet
react-navigation-bottom-sheet copied to clipboard
Navigating to nested stack route opens in bottom sheet instead of stack
Before submitting a new issue
- [x] I tested using the latest version of the library, as the bug might be already fixed.
- [x] I tested using a supported version of react native.
- [x] I checked for possible duplicate issues, with possible answers.
Bug summary
With a layout like this, when I navigate to a regular stack screen from a bottom sheet, it opens the stack within the bottom sheet as opposed to a stack push
<BottomSheet
screenOptions={{
backdropComponent: renderBackdrop,
enableDynamicSizing: false,
}}
>
<BottomSheet.Screen name="(main-stack)" />
<BottomSheet.Screen name="sheet-1" />
<BottomSheet.Screen name="sheet-2" />
</BottomSheet>
// main stack
<Stack>
<Stack.Screen name="regular-stack" />
<Stack.Screen name="modal-screen" options={{ presentation: "modal" }} />
</Stack>
// sheet-1
<View>
<Button onPress={()=>router.push("/regular-stack")} />
</Stack>
Library version
1.1.2
Environment info
"expo": "~54.0.29",
"react-native": "0.81.5",
Steps to reproduce
- From the example repo, open the bottom sheet and press the button to go to the second screen
- It opens in the bottom sheet instead of a stack screen
Reproducible example repository
https://github.com/benaiahbarango/appandflow-repro