类内的headerRight设置不呈现菜单项

Question

以下代码可在App.js中运行并在所有屏幕上呈现菜单，但是我还希望在某些屏幕上具有右侧菜单。我尝试在下面添加一个if语句以在某些屏幕上呈现headerRight，但是它不起作用。我尝试在单独的屏幕上的静态NavigationOptions中粘贴headerRight，但这没有用...所以现在我想知道管理右侧标题按钮的最佳方法是什么。.我想显示基于不同屏幕的差异按钮，从而导致不同的部分。

假设我测试的headerRight代码与下面的headerLeft相同。

TabNavigator.navigationOptions = ({
  navigation
}) => {
  const {
    routeName
  } = navigation.state.routes[navigation.state.index];
  const headerTitle = routeName;

  return {
    headerLeft: ( <
      TouchableOpacity onPress = {
        () => navigation.navigate('SettingsMenu')
      } <
      Icon name = "ios-menu"
      size = {
        25
      }
      /> <
      /TouchableOpacity>
    ),
    headerTitle,
  };
};