i'am writing an expo (react-native) application using typescript and functional components. I have a very nesting stack navigation.
App: { NavigationConatainer: { DrawerNavigation: { StackNavigator1: { HomeScreen, DetailedScreen, ButtonTabNavigator: { InfoScreen, StackNavigation2: { MainScreen, SubScreen1, SubScreen2, }, MetaScreen } } }, SomeCustomDrawerItems, }}
I hope this show the architecture a bit.
Now i got to problems.
- the SubScreen1 is above the ButtonTabNavigation Tab
- How i can hide the header from StackNavigation1 on SubScreen1 and 2 and show the new StackNavigation2 header
It seem to be the stack are mixed. Pressing the back button on SubScreen1 navigates to DetailedScreen from StackNavigation1.
Anybody who know's how to implement such nesting stacks?