Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6288

Nesting multiple Stacknavigations in react-native

$
0
0

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.

  1. the SubScreen1 is above the ButtonTabNavigation Tab
  2. 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?


Viewing all articles
Browse latest Browse all 6288

Trending Articles