我有一个materialBottomTabNav,在这个materialBottomTabNav内部,我有stackNavigator。几个星期以来,我正在MaterialBottomTabBar内部开发StackNav,反之亦然。
这是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 Emulator中工作了三个星期。他们都在工作。但是,当我在真实设备中运行它们时,我真的失去了希望。两个月后,现在我必须在我的应用程序中进行一些更改。
Github存储库尝试
https://github.com/selimmidikoglu/react-navigation3
只需从此处克隆代码,然后尝试在您自己的android设备上运行它即可复制。