0
333
ViewsCan 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>
·
Juan Pablo Isaza
2 answers
Answer question0
https://reactnavigation.org/docs/drawer-navigator/
If props style and labelStyle are good for you?
·
Juan Pablo Isaza
Report
0
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'},
}}
/>
·
Juan Pablo Isaza
Report
Answer question