Я хотел бы сделать два защищенных маршрута, один раз, в верхней части навигации (createStackNavigator), но другой в дочернем элементе, который является createBottomTabNavigator.
Моя навигация структурирована так:
const BottomTabsNavigator = createBottomTabNavigator({
public: {
screen: PublicTab
},
nestedProtected: {
screen: ProtectedNested
}
})
createStackNavigator({
bottomTabs: {
screen: BottomTabsNavigator
},
protectedRoute: {
screen: Protected
},
login: {
screen: LoginS
}
})
Как лучше всего показать экран входа в систему при входе в защищенный маршрут?
Я попытался обернуть защищенные компоненты в их отдельные оболочки, что довольно хорошо работает для компонента верхнего уровня, но не для дочернего, потому что нижние вкладки все еще видны.
Я также пытался добавить hoc, которые должны перенаправлять, но они перенаправляют с задержками и показывают маршрут, который я пытаюсь скрыть.
Можете ли вы дать совет, как это преодолеть?
Спасибо!