【React Native(Android)】Headerのタイトルを中央寄せする

2013 ワード
reactnative react-navigation react-native reactnative テキストリンク

前提

  • ReactNative 0.61.4
  • react-navigation v5

問題

Androidのタイトルがセンタリングできない。
どこをいじったらいいのか。

方法

NavigatorのscreenOptionsに headerTitleAlign: 'center' を追加する。

コードは以下。

const RegisterScreen = () => (
  <RegisterStack.Navigator
    ...
    screenOptions={{ headerTitleAlign: 'center' }} //これを追加
  >
    <RegisterStack.Screen
      ...
    />
  </RegisterStack.Navigator>

参考文献