react-navigation / react-navigation/react-navigation
Drawer Navigation drawerItem onPress always give that gray background even with drawerActiveTintColor
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- TypeScript
- Estrellas
- 24.5k
- Forks
- 5.1k
- Merge medio
- 1 d 5 h
- PR fusionados (30 d)
- 18
Descripción
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
- Android
- iOS
- Web
- Windows
- MacOS
Packages
- @react-navigation/bottom-tabs
- @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 |
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Comienza con la reproducción vinculada de SobrusWorkspace y las screenOptions de @react-navigation/drawer mostradas en el informe, centrándote en el comportamiento en Android relacionado con drawerItem onPress, drawerActiveTintColor y drawerActiveBackgroundColor. Compara los estados activo e inactivo renderizados con los colores esperados; el trabajo está terminado cuando se haya reproducido el problema y se haya identificado si el comportamiento es incorrecto o esperado.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- react-native
- Área
- mobile
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 25/100