Reaction Navigation-基于Routes.js中上下文值的条件渲染屏幕

Question

我对RNavigation中的条件渲染有疑问，

假设我有3个标签（“首页”，“上传”，“个人资料”。）>

如果用户已经登录，我需要处理Upload screen，

实际上我已经创建了自己的上下文包含isLoggedin，但是我不知道如何在Routes.js中使用它>

const TabNavigator = createMaterialTopTabNavigator({
  Home:{ screen:Home },
  Upload:{ screen:Upload }, // here i need to handle if user not logged in yet i want to use screen:PleaseLogin
  //Upload:this.context.User.isLoggedin ? {screen:Upload} : {screen:PleaseLogin}
  Profile:{ screen:Profile },
})
我如何实现？

我在RNavigation中有关于条件渲染的问题，可以说我有3个选项卡（“主页”，“上传”，“配置文件”）。我需要处理“上传”屏幕，如果用户已经登录，实际上我已经...

Answer 1

您可以尝试这个

Upload:{ screen:this.context.User.isLoggedin ? Upload : PleaseLogin  },