React native 如何在一个笨拙的createStackNavigator屏幕上居中显示标题文本？

我正在尝试将react原生应用程序标题中的文本居中，但我无法在这个书写笨拙的屏幕上居中。对于普通屏幕，我有以下内容：

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
});

此屏幕的设置与上一屏幕完全不同。标题布局：“中心”代码在我看来没有任何作用

如何将此MoreStack屏幕的标题文本居中