У меня есть один материалBottomTabNav, а внутри этого материалаBottomTabNav у меня есть stackNavigator.В течение нескольких недель я разворачиваю StackNav внутри MaterialBottomTabBar или наоборот.
Вот App.js
class App extends Component{
render(){
return(
<BottomNavigator/>
)
}
}
export default App;
bottomNavigator.js
const BottomTabNavigator1 = createMaterialBottomTabNavigator({
HomeContainer : {
screen : HomeContainer
},
OrdersPage : {
screen : OrdersPage
},
ProfilePage : {
screen : ProfilePage
}
},
);
const BottomTabNavigator = createAppContainer(BottomTabNavigator1)
export default BottomTabNavigator;
homeContainer.js (Stack Nav, который находится внутри нижней полосы материала)
const HomeCapsule = createStackNavigator({
ScreenOne : {
screen : ScreenOne
},
ScreenTwoPage : {
screen : ScreenTwo
},
ScreenThree : {
screen : ScreenThree
}
},
);
const HomeContainer = createAppContainer(HomeCapsule)
export default HomeContainer;
С этим API навигации может быть большой пробел.Я пробовал три разных телефона Android.Внутри стека this.props.navigation.navigate не работает.Самое смешное, что в течение трех недель все мои навигационные вложенные проекты работают в эмуляторе Android.Они все работают.Но когда я запускаю их в реальном устройстве, я теряю надежду.Через два месяца я должен что-то изменить в своем приложении.
Github Repo за попытку
https://github.com/selimmidikoglu/react-navigation3
Просто клонируйте код отсюда и попробуйте запустить его на своем Android-устройстве для воспроизведения.