Drawer Navigation drawerItem onPress always give that gray background even with drawerActiveTintColor

[ejjraifihamza]

Current behavior

screenOptions={{
        headerShown: false,
        drawerLabelStyle: styles.drawerLStyle,
        drawerActiveBackgroundColor: 'rgba(120,94,168, .08)',
        drawerActiveTintColor: Colors.primary,
        swipeEdgeWidth: Dimensions.get('window').width / 2,
        drawerType: 'slide',
        drawerItemStyle: {
          borderRadius: 0,
          width: '100%',
          marginLeft: 0,
          paddingLeft: wp('2%'),
        },
      }}>

Expected behavior

will shouldn't background color be Color.primary instead of gray ?

Reproduction

https://github.com/ejjraifihamza/SobrusWorkspace

Platform

• [X] Android
• [ ] iOS
• [ ] Web
• [ ] Windows
• [ ] MacOS

Packages

• [ ] @react-navigation/​bottom-tabs
• [X] @react-navigation/​drawer
• [ ] @react-navigation/​material-bottom-tabs
• [ ] @react-navigation/​material-top-tabs
• [ ] @react-navigation/​stack
• [ ] @react-navigation/​native-stack

Environment

package	version
@react-navigation/native
@react-navigation/bottom-tabs
@react-navigation/drawer
@react-navigation/material-bottom-tabs
@react-navigation/material-top-tabs
@react-navigation/stack
@react-navigation/native-stack
react-native-safe-area-context
react-native-gesture-handler
react-native-reanimated
react-native

[github-actions[bot]]

Couldn't find version numbers for the following packages in the issue:

• @react-navigation/native
• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-bottom-tabs
• @react-navigation/material-top-tabs
• @react-navigation/stack

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[KailashGnath]

What's the solution?

[ejjraifihamza]

No solution yet