从另一页面导航到一页

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;