使用React Navigation隐藏基于AsyncStorage项的底部选项卡项

Question

我有一个基于角色的身份验证，应该根据用户角色在底部选项卡中显示或隐藏项目。

用户信息来自AsyncStorage

const user = (await AsyncStorage.getItem('user'))

如果ArtistStack，我只想隐藏user.role === 'something'

const tabNavigator = createBottomTabNavigator(
  {
    HomeStack, 
    ArtistStack,
    ProfileStack,
  },
  {
    tabBarOptions: {
      activeTintColor: Colors.primary,
      showLabel: false,
    },
  }
)