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

Question

我正在制作移动应用程序。我有 2 个主页。第一个是文章页面，第二个是课程页面。在顶部的第一页中，我制作了重定向到第二页的按钮，但这不像我想做的那样。当我导航时，我有这样的事情：

您可以在顶部看到页面的箭头和名称。我怎样才能把它们放在一个页面上？所以我会有那个：

import Courses from './Courses'

<Button
onPress={() => {
   navigate('Courses')
}}
 title="More courses"
/>

  const RootStack = createStackNavigator(
    {
      Home: {
        screen: HomeScreen,
      },
      Courses: {
        screen: Courses,
      },
      Details: {
        screen: DetailsScreen,
      },
    },
    {
      initialRouteName: 'Home',
    }
  );

  const AppContainer = createAppContainer(RootStack);

  export default class App extends React.Component {
    render() {
      return <AppContainer />;
    }
  }

Answer 1

你需要使用createBottomTabNavigator和createStackNavigator两个东西

第一级的TabNvigator，像这样在里面添加一个StackNavigator

• 首页
• 课程
  • 上市
  • 详情
• 编辑器

const HomeNavigation = createBottomTabNavigator(
  {
    {
      Home: {
        screen: HomeScreen,
      },
      Courses: createStackNavigator(
        {
          CoursesListing: {
            screen: CoursesListingScreen
          },
          CoursesDetail: {
            screen: CoursesDetailScreen
          },
        },
      ),
      Details: {
        screen: DetailsScreen,
      },

    Home: screen: PrepareSessionsScreen
    ),
);

export default HomeNavigation;