更改导航选项

Question

我正在制作移动应用。我有3个页面位于标签导航中。第一页是文章页面，第二页是课程页面。我已经从第一页导航到第二页。但是导航选项（带有标题）存在问题。当我从第一页导航到第二页时，我有2个标题。但我想做1：{

您可以确定有2个标题，第一个是<，第二个是“课程”，我希望使其像这样的“ <课程”。请帮帮我。代码：

// 1st page

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 />;
    }
  }