react-native - 反応ネイティブアプリのテーマを介してナビゲーションバーの背景色を設定する

Question

アプリの ThemeProvider を介してナビゲーション バーの背景色を設定しようとしています。スタイルを設定するには、どのコンポーネントをターゲットにする必要がありますか。

    import { ThemeProvider } from "react-native-elements";
    const theme = {
      ListItem: {
        titleStyle: { fontSize: 30, color: "red" },
        subtitleStyle: { color: "#336699", fontStyle: "italic" }
      },
      Header: {
        backgroundColor: "blue",
        color: "red"
      }
    };

アプリ コンポーネントの Render :

render(){
    return (
      <ThemeProvider theme={theme}>
        <AppNavigator />
      </ThemeProvider>
    );
}

リスト アイテムのスタイルは表示されますが、ヘッダーの背景色が設定されていません。画面のナビゲーション オプションを変更すると、そこで色を手動で設定できます。しかし、すべての画面でこれを行うことは避けたいです。

HomeScreen.navigationOptions = ({ navigation }) => {
  return {
    title: "Title",
    headerStyle: {
      backgroundColor: "red"
    }
  };
};