How to remove padding or space from react native drawer items

Question

I want to remove the left and right spaces from react native drawer items.. how can I do it ? i have tried below codes, but not working:

<Drawer.Navigator initialRouteName={Dashboard} screenOptions={{
                drawerActiveBackgroundColor: 'orange',
                drawerActiveTintColor: '#fff',
                drawerInactiveTintColor: '#000',
                headerShown: false,

                sceneContainerStyle: {
                    padding: 0,
                    margin: 0,
                },
                drawerStyle: {
                    padding: 0,
                    margin: 0,
                },
                drawerLabelStyle: {
                    fontSize: 15
                }
            }}>
                <Drawer.Screen options={{
                    margin: 0,
                    width: '100%'
                }} name="Dashboard" component={Dashboard} />

                <Drawer.Screen name="My Trips" component={Dashboard} />

                <Drawer.Screen name="Emergency Contacts" component={Dashboard} />

                <Drawer.Screen name="Saved Locations" component={Dashboard} />
            </Drawer.Navigator>

Answer 1

I was just dealing with this. You can do it in the drawerItemStyle in the screen options of the Navigator:

<Stack.Navigator
   screenOptions={(navigation) => ({
      drawerItemStyle: {
         borderRadius: 0,
         width: '100%',
         marginLeft: 0
      }
  })}
>