![Stacknavigator Stacknavigator](/uploads/1/2/5/5/125570698/337686640.png)
Repro Attempt StackNavigator inside a TabNavigator causes a back button to be in header. May 22, 2018 - Up next is if I am using a TabNavigator for bottom tab navigation. So the solution here is putting each of your tab screen inside a stackNavigator. Now inside navigationOptions of your TabNavigator, have code like this:.
Current Behavior const RootNavigator = createStackNavigator (HomeTabs: HomeTabs,Screen1: normalScreen,Screen2: normalScreen.)const HomeTabs = createBottomTabNavigator (SubTab1: createMaterialTopTabNavigator,SubTab2: createMaterialTopTabNavigator)i.e Tabs nested inside Tabs nested inside parent Stack.Previously I used to control the navigation options of the Stack from any deeply nested child, it was smooth and easy to understand once you know how it works.For example, Say SubTab1 has two tabs, Profile and Rank. I need to change the header button, Title for Profile screen and Rank screen. How do I do it without performing heavy hacks?Now with the changes in v2.0.0, I can't find the solution to this problem. Moreover, it's not a simple change like title, I also change the header, headerRight based on the nested screen. Moreover keeping navigationOptions at screen level is more intuitive then keeping it at the Navigator creation level.If no easy solution, then as discussed in the RFC can you add the toggle for merging of navigationOptions from the nested child screens?Kind of similar to these issues but I use nested TabNavigators which is in turn nested inside a StackNavigator,Your #Environment softwareversionreact-navigation2.0.1react-native0.55.3.