通过反应导航,我有三个选项卡。
在他们的标签中,我有一些产品。
当我单击产品时,我可以看到产品屏幕。
现在,我要执行以下操作:第二个选项卡>>我按下一个产品>>我看到产品屏幕>>我按下返回。
现在我应该在第二个标签中,但是我在第一个标签中。
我放了一些代码,但是如果您需要更多代码,请告诉我。
返回产品屏幕:
<button class="navbar-toggler visible-sm" data-toggle="collapse" data-target="#navbarMenu">
<span class="navbar-toggler-icon"></span>
</button>
根导航器(用于标签和产品屏幕):
<Right style={{flex:1}}>
<Button style={{right:0}} transparent onPress={()=>{this.props.navigation.goBack()}}>
</Button>
</Right>
我认为所有事情都与const MenStack = createStackNavigator({
menStackNav: { screen: MenTabScreen, navigationOptions:{tabBarVisible: false},
},
Products: {
screen: ProductsShow,
navigationOptions:{tabBarVisible: false},
},
},{
initialRouteName: 'menStackNav',
headerMode: 'none',
navigationOptions: {
headerVisible: false,
}
});
MenStack.navigationOptions = ({navigation}) => {
let tabBarVisible = true;
if(navigation.state.index > 0){
tabBarVisible = false;
}
return {
tabBarVisible,
}
}
const HomeScreenTabs = createMaterialTopTabNavigator({
home:{
screen:HomeTabScreen,
},
women: {
screen:WomenTabScreen,
},
men: {
screen:MenStack,
},
},{
tabBarOptions: {
style:{backgroundColor:'#fff'},
activeTintColor: '#4facfe',
inactiveTintColor: '#9ed2ff',
indicatorStyle: {
opacity: 0
},
tabStyle:{backgroundColor:'#fff',height:40,borderBottomColor:'#fff'},
labelStyle: {
borderBottomColor:'#fff',
fontSize: 14,
fontFamily:'iransans_medium',
},
},
initialRouteName: 'men',
mode: 'modal',
headerMode: 'none',
});
有关,因为我在initialRouteName
中设置了men
。