react-navigation-bottom-sheet icon indicating copy to clipboard operation
react-navigation-bottom-sheet copied to clipboard

Navigating to nested stack route opens in bottom sheet instead of stack

Open benaiahbarango opened this issue 4 months ago • 0 comments

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

  1. From the example repo, open the bottom sheet and press the button to go to the second screen
  2. It opens in the bottom sheet instead of a stack screen

Reproducible example repository

https://github.com/benaiahbarango/appandflow-repro

benaiahbarango avatar Dec 22 '25 21:12 benaiahbarango