前提

ReactNative 0.61.4
react-navigation v5

問題

ヘッダーとコンポーネントが連続して一つに見える、以下のようなデザインを実装したいのだが、
境界の白線が消せない。

一体どこをいじったらいいのか。

方法

shadowColor: 'transparent' をheaderStyleに設定すれば消える。

※追記（Androidの方はこれも必要でした。）
elevation: 0 をheaderStyleに設定すれば消える。

念のためコードは以下


<NavigationContainer theme={Theme}>
     <Stack.Screen
          name={screen}
          component={Screen}
          options={{
            title: 'Header Title',
            headerStyle: {
              shadowColor: 'transparent', //ここ(iOS)
              shadowOpacity: 0, // ここ(iOSはこちらでも可)
              elevation: 0, // ここ(Android)
            },
          }}
        />
      </Stack.Navigator>
</NavigationContainer>

参考記事

https://github.com/react-navigation/react-navigation/issues/865
https://stackoverflow.com/questions/42709730/how-do-i-hide-the-shadow-under-react-navigation-headers