Как центрировать текст заголовка на неудобном экране createStackNavigator?

Question

Я пытаюсь центрировать текст в своем заголовке для моего собственного приложения реагировать, но я не могу центрировать его на этом экране, который написан неловко.Для обычных экранов у меня есть это:

const ReferralStack = createStackNavigator({
  Referrals: ReferralScreen,
  otherstuff: stuff,
},
{
  headerMode: headerMode,
  headerBackTitleVisible: false,
  headerLayoutPreset: 'center',
    navigationOptions: {
      title: 'Referrals',
      headerTransparent: true,
      headerTitleStyle: headerLabelStyle,
    headerStyle: headerStyle,
  }
});

Это центрирует заголовок для экрана рефералов.Строка кода, которая центрирует текст: headerLayoutPreset: 'center' .При применении к другому стеку он не работает:

const SettingsStack = createStackNavigator({
  Settings: {
    screen: SettingsScreen,
    headerMode: headerMode,
    headerBackTitleVisible: true,
    mode: 'modal',
  },
  EditEmail: {
    screen: EditEmailScreen,
    headerMode: . . .
    etc...
  }
});

const MoreStack = createStackNavigator({
  More: {
    screen: MoreScreen,
    mode: 'modal',
    headerMode: headerMode,
    headerBackTitleVisible: false,
    headerLayout: 'center',
      navigationOptions: {
        title: 'Menu',
        headerTransparent: true,
        headerTitleStyle: headerLabelStyle,
        headerStyle: headerStyle,
    }
  },
  SettingsStack
});

Этот экран настроен совершенно иначе, чем предыдущий экран.Код headerLayout: 'center' ничего не делает, насколько я могу судить.

Как я могу центрировать текст заголовка для этого экрана MoreStack?