react-native - 是否有禁用选项卡按钮的选项

Question

在我的React Native应用程序中，我有一个路由器组件，该组件使用react-navigation-material-bottom-tabs。

在该组件中，我是这样创建的。

const tabNavigator = createMaterialBottomTabNavigator({
  home: {
    screen: Home,
    navigationOptions: ({ navigation }) => ({
        title: ''
    })
  },
  createCampaign: {
    screen: CreateCampaign,
    navigationOptions: ({ navigation }) => ({
        title: '',
        tabBarVisible: false
    })
  },
  settings: {
    screen: AllSettings,
    navigationOptions: ({ navigation }) => ({
        title: ''
    })
  }
});

一切正常。但是我想在某些情况下禁用此栏的某些选项卡。例如，如果未批准配置文件，则禁用选项卡的设置。屏幕上有什么方法可以做到吗？(最好是不在路由器中，因为我无法在路由器中发送API请求)。如何访问屏幕中的tabBar选项？如何禁用标签页？请帮忙。

Answer 1

您正在将哪些内容用于应用程序内部的全局状态管理，请在您的全局状态内存储状态天气资料是否已获批准。然后，您可以覆盖tabBarOnPress来检查用户是否被批准并相应地执行操作，如下面的代码段所示。

const Tab_Navigator = createBottomTabNavigator({
First:{
    screen: First,
},
Second:{
    screen: Second,
},
Third:{
    screen: Third,
}
}, defaultNavigationOptions: ({ navigation }) => ({
  tabBarOnPress: ({ navigation, defaultHandler }) => {
    if (
      navigation.state.routeName === "Second" ||
      navigation.state.routeName === "Third"
    ) {
      return null;
    }
    defaultHandler();
  },})