Is there a way to change the default color above the drawer navigator from white to red on iOS? I want all navigated screens to always display the color we set.
https://i.sstatic.net/QszUDgmn.png
import React from 'react';
import { View, Text, StyleSheet, Image, StatusBar } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator, DrawerContentScrollView, DrawerItemList } from '@react-navigation/drawer';
import { createStackNavigator } from '@react-navigation/stack';
// Importing screens
import LoginScreen from './Screens/LoginScreen';
import HomeScreen from './Screens/HomeScreen';
import GalleryScreen from './Screens/GalleryScreen';
import ImageDetail from './Screens/ImageDetail';
import DetailScreen from './Screens/DetailScreen';
import Navbar from './Screens/Navbar';
import NotificationScreen from './Screens/NotificationScreen';
import NewNotification from './Screens/NewNotification';
import NewGalleryScreen from './Screens/NewGalleryScreen';
import DetailsScreen from './Screens/DetailsScreen';
const Drawer = createDrawerNavigator();
const Stack = createStackNavigator();
const CustomDrawerContent = (props) => (
<DrawerContentScrollView {...props}>
// Custom drawer content here
</DrawerContentScrollView>
);
const HomeDrawerNavigator = () => (
<Drawer.Navigator
initialRouteName="GalleryScreen"
drawerContent={(props) => <CustomDrawerContent {...props} />}
>
// Drawer Screens
</Drawer.Navigator>
);
const App = () => {
return (
<>
<StatusBar backgroundColor="#fff" barStyle="light-content" translucent={true} />
<NavigationContainer>
<Stack.Navigator
initialRouteName="Login"
screenOptions={{
headerStyle: {
backgroundColor: '#C8102E', // Red color for the header
},
headerTintColor: '#fff',
}}
>
// Stack Screens
</Stack.Navigator>
</NavigationContainer>
</>
);
};
const styles = StyleSheet.create({
// Styles for custom drawer content
});
export default App;
I am looking to update the color of the white gap above the drawer navigator to red. Any recommendations on how to achieve this?