Question

我正在满足一项要求，即我必须从react-native的bottomnavigation栏中隐藏一个菜单。例如：我有家，商店，清单，登录我的底部导航显示首页，商店，列表，它不应该显示登录名，但是当我在将某些产品添加到购物车时未登录时，应该带我登录页面。我正在使用this.props.navigation.navigate('Login')。但这不起作用，因为我没有将其添加到const AppNavigator = createBottomTabNavigator({})中。但是，如果我在此处添加，它将显示在底部选项卡中。我知道这很令人困惑，但是非常感谢您的帮助。我对此并不陌生，正在尝试做自己的事。

我的代码是：

const AppNavigator = createBottomTabNavigator({
 HomeScreen: { screen: HomeScreen ,
    navigationOptions:{
      title:'Home',
      tabBarIcon: ({ tintColor }) => <Ionicons name="ios-home" size={20} style={{color:'white'}}/>
    }
  },
  GroupListing: { screen: GroupListing ,
    navigationOptions:{
      title:'Shop By Group',
      tabBarIcon: ({ tintColor }) => <Entypo name="shopping-bag" size={20} style={{color:'white'}}/>,
    },
  },
},{
  animationEnabled: true,
  tabBarOptions: {
            activeTintColor:'white',
            tintColor:'white',
        style: {
            backgroundColor: '#151f2c',

        },
         indicatorStyle: {
            borderBottomColor: '#ffffff',
            borderBottomWidth: 3,
        },
        tabStyle: {

        }
    }
});

和点击事件：

<Text style={styles.bottom_text} onPress={()=>this.props.navigation.navigate('CategoryListing',{group_id:data.group_data._id})}>{data.group_data.name}</Text>

反应本机底部导航隐藏特定菜单

0 个答案: