我有以下导航结构:1 . StackNavigator(里面有一个抽屉)2 . 抽屉在另一个StackNavigator中有不同的屏幕(让我们打电话是 nestedStackNavigator
)
我遇到的问题是,当我从抽屉导航到 nestedStackNavigator
时,后退按钮不会呈现在 nestedStackNavigator
Headers 的顶部 . 由于仍然存在两个 Headers (DrawerNavigator的一个 Headers 和StackNavigator之一)的问题,我将 Headers 从抽屉放到 null
,现在只有StackNavigator的 Headers ,但没有后退按钮 . DrawerNavigator Headers 也不渲染后退按钮,因为汉堡包符号占据了那个位置 .
如何渲染后退按钮我该怎么办?
这是我的代码:
Top StackNavigator:
`const createStackNavigator = () =>
StackNavigator(
{
LoginScreen: {screen: LoginScreen},
Drawer: {screen: Drawer},
},
{
initialRouteName:'LoginScreen'
}
)`
DrawerNavigator:
const nestedStackNavigator = StackNavigator(
{
Home: {
screen: NegociosScreen
},
Contratos: {
screen: ContratosScreen
},
Entregas: {
screen: EntregasScreen
},
{
initialRouteName: 'Home',
navigationOptions: {
headerStyle: {
backgroundColor: Colors.primary
},
headerTitle: 'Negocios',
headerTintColor: '#fff',
headerTitleStyle: {
fontWeight: 'bold'
}
}
}
)
const Drawer = DrawerNavigator(
{
HomeScreen: {screen: HomeScreen, navigationOptions: homeNavOptions},
NegociosScreen: {
screen: nestedStackNavigator,
navigationOptions: nestedStackNavigatorNavOptions
},
{
drawerPosition: Platform.OS === 'ios' ? 'right' : 'left'
},
getDrawerConfig(300, 'left', 'HomeScreen')
)