我想在顶部导航(createStackNavigator
)上进行两条受保护的路线,但在一个createBottomTabNavigator
的孩子中进行另一条保护。
我的导航结构如下:
const BottomTabsNavigator = createBottomTabNavigator({
public: {
screen: PublicTab
},
nestedProtected: {
screen: ProtectedNested
}
})
createStackNavigator({
bottomTabs: {
screen: BottomTabsNavigator
},
protectedRoute: {
screen: Protected
},
login: {
screen: LoginS
}
})
输入受保护的路由时,使登录屏幕显示的最佳方法是什么? 我尝试将受保护的组件包装在它们各自的包装中,这对于顶层组件来说效果很好,但对于子组件却没有,因为底部标签仍然可见。
我还尝试添加应该重定向的hoc,但它们会滞后重定向并显示我要隐藏的路线。
您能建议如何克服这个问题吗?
谢谢!