在底部的条件下

Question

我从react Native开始，我在这里有一个小问题。我有一个底部的tabnavigator，如果用户有许可，他会导航到images屏幕，否则，它会导航到房屋屏幕。

我的函数global.haspermission((检查权限并返回true或false，因此我希望能够根据函数返回的内容更改{屏幕：imagesCreen}。我该怎么做？我在哪里称我的函数haspermission((？

这是我的tabnavigator：

const BottomTab = createBottomTabNavigator({
    Image: {
        screen: ImageScreen,
        navigationOptions: {
            tabBarLabel: 'Image Screen',
            tabBarIcon: ({ tintColor, focused }) => (
                <Ionicons
                    name={'ios-camera'}
                    size={focused ? 30 : 26}
                    style={{ color: tintColor }}
                />
            ),
        },
    },
});

Answer 1

在我的应用中，我通过进行身份验证react上下文API (https://reactjs.org/docs/docs/context.html(

几天前，我回答了一个类似的问题，您可以在此处查看如何创建上下文：如果Page受到保护并且未签署用户？

，如何重定向到登录？

就像我以前的答案一样，您可以将用户许可纳入 imagesCreen 's componentDidmount(( and，iof他没有许可，您可以将其重定向到主屏幕这样(假设您的主屏幕包含在堆栈导航器中(：

// into your ImageScreen
componentDidMount () {
  const hasPermission = YourFunctionWhichReturnsTrueOrFalse()
  if (!hasPermission) this.props.navigation.navigate('home') // the title of your home screen here
}