Динамическое изменение компонента headerRight с помощью реагирующей навигации

Question

У меня есть вложенный навигатор:

Root(StackNavigator)
 -> Dashboard(Drawer)
    -> Home
    -> Details
    -> Settings

Я хочу изменить компонент headerRight (содержащий изображение) корня на вкладке Настройки и изменить изображение.

Я пытался сделать

Settings.navigationOptions = ({navigation}) => {

  let headerRight = <Image ..... />

  return {
    headerRight,
  };
}

из файла Settings.js, но никаких изменений не произошло.

Я уже упоминал https://reactnavigation.org/docs/en/navigation-options-resolution.html