如何在反应导航中使用返回?

时间:2019-05-04 10:50:13

标签: react-native react-navigation

通过反应导航,我有三个选项卡。

在他们的标签中,我有一些产品。

当我单击产品时,我可以看到产品屏幕。

现在,我要执行以下操作:第二个选项卡>>我按下一个产品>>我看到产品屏幕>>我按下返回。

现在我应该在第二个标签中,但是我在第一个标签中。

我放了一些代码,但是如果您需要更多代码,请告诉我。

返回产品屏幕:

<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

0 个答案:

没有答案