'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

My drawer

My drawer screen component

Like adding some prop to <Drawer.Screen>



Solution 1:[1]

https://reactnavigation.org/docs/drawer-navigator/

If props style and labelStyle are good for you?

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'},
        }}
      />

enter image description here

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