画面のヘッダーのタイトルを左寄せにする方法

やりたいこと

デフォルトの設定ではタイトルは中央に配置されている。

これを左に配置したい。

実現する方法

<Tab.Navigator> のpropertyscreenOptionsの設定値であるheaderTitleAlignをleftに設定する

    <Tab.Navigator
        screenOptions={({ route: { name }}) => ({
          ...
          headerTitleAlign: 'left',
        })}

画面のヘッダーの下線を消す方法

やりたいこと

デフォルトの設定ではヘッダーに下線がついている。

これを消したい。

実現する方法

<Tab.Navigator>のpropertyscreenOptionsの設定値であるheaderShadowVisibleをfalseに設定する。

    <Tab.Navigator
        screenOptions={({ route: { name }}) => ({
          ...
          headerShadowVisible: false,
        })}

ヘッダーの背景をカーブした形にする。

カーブした形（円弧、curved header、曲線ヘッダー）にする。

やりたいこと

実現する方法