Темный режим в стеке

Question

Я успешно применил темный режим ко всем моим компонентам stackNavigator с помощью redux, но теперь я не могу понять, как мне применить темный режим к части заголовков, пожалуйста, дайте некоторое представление об этом.

Также я хочу знать, как добавить темный режим в 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>
  )
}