Javascript 从一个页面导航到另一个页面

Javascript 从一个页面导航到另一个页面,javascript,reactjs,react-native,expo,Javascript,Reactjs,React Native,Expo,我正在制作移动应用程序。我有两个主页。第一页是文章,第二页是课程。在第一页的顶部,我做了一个按钮,重定向到第二页,但这不是我想做的。当我导航时,我会看到这样的东西: 您可以看到,在顶部我有箭头和页面名称。如何在一页中将它们组合在一起?所以我要: const RootStack=createStackNavigator( { 主页:{ 屏幕:主屏幕, }, 课程:{ 屏幕:课程, }, 详情:{ 屏幕:详细信息屏幕, }, }, { initialRouteName:“主页”, } ); con

我正在制作移动应用程序。我有两个主页。第一页是文章,第二页是课程。在第一页的顶部,我做了一个按钮,重定向到第二页,但这不是我想做的。当我导航时,我会看到这样的东西:

您可以看到,在顶部我有箭头和页面名称。如何在一页中将它们组合在一起?所以我要:<课程

从“/课程”导入课程
{
导航(“课程”)
}}
title=“更多课程”
/>
const RootStack=createStackNavigator(
{
主页:{
屏幕:主屏幕,
},
课程:{
屏幕:课程,
},
详情:{
屏幕:详细信息屏幕,
},
},
{
initialRouteName:“主页”,
}
);
const-AppContainer=createAppContainer(RootStack);
导出默认类App扩展React.Component{
render(){
返回;
}

}
您需要使用两种东西
createBottomTabNavigator
createStackNavigator

TabNvigator,并在其中添加一个StackNavigator,如下所示

  • 课程
    • 上市
    • 细部
  • 编辑

尝试查看此url@mkEagles这没用methis帮不了我
const HomeNavigation = createBottomTabNavigator(
  {
    {
      Home: {
        screen: HomeScreen,
      },
      Courses: createStackNavigator(
        {
          CoursesListing: {
            screen: CoursesListingScreen
          },
          CoursesDetail: {
            screen: CoursesDetailScreen
          },
        },
      ),
      Details: {
        screen: DetailsScreen,
      },

    Home: screen: PrepareSessionsScreen
    ),
);

export default HomeNavigation;