StackNavigator上的暗模式

Question

我已经使用redux成功地将暗模式应用于所有stackNavigator组件，但是现在我不知道应该如何将暗模式应用于标头部分，请给出一些想法。

此外，我想知道如何向bottomTabNavigator添加暗模式？

       const initState = {
              value: true
            };

        const reducer = (state = initState, action) => {
          switch (action.type) {
            case "SET_VALUE":
            if (state.value == true) {
                return { value: false}
           }
            else if (state.value == false) {
                      return { value: true}
                    }   

          }
          return state;
        };
        const store = createStore(reducer);

        const StackNavigator = createStackNavigator(
      {

        HomeScreen: { screen: HomeScreen},
        ViewScreen: { screen: ViewScreen },

      },
      {   
        defaultNavigationOptions: {
          headerTintColor: "#fff",
          title: "MyApp",
          headerTitleAlign: 'center',
          headerStyle: {
            backgroundColor:  '#fff'
          },
          headerTitleStyle: {
            color: "#000",
            alignSelf: 'center',

          },


          }
    }
    )
const App = createAppContainer(StackNavigator);

export default () => {


  return (
    <Provider store={store}>
              <App/>

        </Provider>
  )
}