Problem nesting stack navigators inside tab navigator #910
andreweinhorn
started this conversation in
General
Replies: 1 comment
-
The underlying component has an issue logged documenting this if you wish to watch it. software-mansion/react-native-screens#1460 |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I would like to illustrate a problem I have encountered nesting stack navigators inside tab navigators with expo router.
The above is what I believe to be a very common app layout. It is a stack navigator that contains some children (in this case, a modal and a tab navigator). The tab navigator in turn contains two other stack navigators, in this example "Cupboards" and "Shelves".
When I navigate into the actual cupboards and shelves screens, I very soon cannot obtain a back button and get stuck at the deepest level of the stacks. See video below. I am fairly certain I have followed all the correct setup protocol. My code is here. I used the suggested setup of
npx create-expo-app@latest --template tabs@49
and modified it to created the above.Nested.Navigators.mp4
Is this the expected behaviour of expo router? I think this one reason why people are asking for a reset function (see discussion here). I am considering moving back to react navigation, but am praying I am wrong about something here as I really like file-based navigation.
Beta Was this translation helpful? Give feedback.
All reactions