javascript - 从另一页导航到另一页

Question

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

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

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

您需要使用 2 个东西 createBottomTabNavigator 和 createStackNavigator

第一层TabNvigator，然后在里面加一个StackNavigator这样

• 首页
• 类(class)
  • list
  • 详情
• 编辑

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

    Home: screen: PrepareSessionsScreen
    ),
);

export default HomeNavigation;