Параметр headerRight внутри класса не отображает пункт меню

Question

Следующий код работает внутри App.js и отображает меню на всех экранах, однако я также хочу правое меню на некоторых экранах.Я попытался добавить оператор if ниже, чтобы отобразить headerRight на некоторых экранах, но он не работал.Я попытался вставить headerRight в статическую навигациюOptions на отдельных экранах, но это не сработало ... так что теперь я задаюсь вопросом, как лучше всего управлять правой кнопкой заголовка ... Я хочу показать разные кнопки на разных экранах, которые ведут кразличные разделы.

Предположим, что мой код 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,
  };
};