'Can you change Drawer Item style without making custom drawer in react-native?
I'm using Drawer Navigator in my react-native App and I am wondering if you can change the style of the item present in Drawer screen without making cusom drawer ? Something like providing custom view style to Drawer.Screen, so it's not so basic like addding an Icon before the text
Like adding some prop to <Drawer.Screen>
Solution 1:[1]
Solution 2:[2]
You can pass these props to Drawer.Screen to personalize however you want.
For Example:
<Draw.Screen
name={screens.PROFILE}
component={Profile}
options={{
headerTitleStyle: {fontFamily: 'Gugi-Regular'},
drawerLabel: navLabels.PROFILE,
drawerIcon: () => (
<View style={styles.drawIconStyles}>
<Icon name={icons.PERSON_ICON} size={25} tint={'#9E9E9E'} />
</View>
),
drawerItemStyle: {backgroundColor: 'red'},
}}
/>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Kornel Kwiatkowski |
| Solution 2 | Niraj |



