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

Question

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

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

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

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

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

这会反射(reflect)在标题文本中，但不会反射(reflect)在选项卡文本中，仍然显示 BookmarkList (红圈处):



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

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

Answer 1

一种解决方案:

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

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

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