Невозможно выровнять элементы по левому краю в React Navigation (iOS)

Question

Я пытаюсь получить заголовок, где написано «PersonB, последний раз здесь недавно», чтобы выровнять по левому краю. Он отлично работает на Android без каких-либо явных стилей, но на iOS я пробовал alignItems: 'flex-start', а также с alignSelf и alignContent, но он не двигается, он остается посередине так:

Как настроить выравнивание по левому краю?

Вот соответствующий код:

  const CustomHeader = ({ title, subtitle }) => (
    <View>
      <Text>{title}</Text>
      <Text style={{ fontSize: 12 }}>{subtitle}</Text>
    </View>
  );

} else if (Platform.OS === "ios") {
    return {
      headerTitle: (
        <View style={{ alignContent: "flex-start" }}>
          <CustomHeader
            title={username}
            subtitle={'last here recently'}
          />
        </View>
      ),
      headerTitleStyle: {
        color: "#000000"
      },
      headerStyle: {
        backgroundColor: "#ffffff"
      },

Что я здесь не так делаю?

Answer 1

После реакции-навигации v2 было введено headerLayoutPreset .

const CustomStackNavigator = createStackNavigator(
  {
    Home: { screen: Main }
  },
  { headerLayoutPreset: 'left' }
);