如何在 React-Navigation 中更改标题文本和标签文本？

Question

我在选项卡导航器中有一个嵌套的堆栈导航器，如下所示：

const MainNavigator = createBottomTabNavigator({
  BookmarksList: createStackNavigator({
    BookmarkList: { screen: BookmarkList },
    UpdateBookmark: { screen: UpdateForm }
  }),
  NewBookmark: createStackNavigator({
    NewBookmark: { screen: NewBookmarkScreen }
  })
});

当我为 设置 navigationOptions 标题文本时BookmarkList，它只会更改标题文本，而不会更改选项卡文本。

例如，我已将BookmarkList标题设置为My Bookmarks.

class BookmarkList extends Component {
  static navigationOptions = {
    title: 'My Bookmarks'
  };    
}

这会反映在标题文本中，但不会反映在选项卡文本中，它仍然表示BookmarkList（以红色圈出）：

如何让标题和标签文本更改为相同的文本？

tldr; 通过 navigationOptions 自定义标题仅更改标题文本，但不会更改选项卡导航器内嵌套堆栈导航器中的选项卡文本。如何更改标题和标签文本？

Answer 1

一种解决方案：

    const BookmarksList = createStackNavigator({
      书签列表：{屏幕：书签列表}，
      UpdateBookmark: { screen: UpdateForm },
    });

    const NewBookmark = createStackNavigator({
      NewBookmark: { 屏幕: NewBookmarkScreen },
    });

    const MainNavigator = createBottomTabNavigator({
      书签列表：{
        屏幕：书签列表，
        导航选项：{
          title: '我的书签',
        },
      },
      新书签：{
        屏幕：新书签，
        导航选项：{
          title: '新书签',
        },
      },
    });