As given in the code, I have tried and I wanted if the "Home" displaying in Drawer can become white by chance?
<Drawer.Section style={{backgroundColor:"green"}}>
<DrawerItem
icon={({ color, size }) => (
<Icon name="home-outline" color={"white"} size={size}/>
)}
label="Home"
color="white" //as this is not working
onPress={() => {
props.navigation.navigate("Home");
}}
/>
</Drawer.Section>
There is no property for color, you have the below props to style your DrawerItem
activeTintColor
: Color for the icon and label when the item is
active.inactiveTintColor
: Color for the icon and label when the item is inactive.activeBackgroundColor
: Background color for item when it's active.inactiveBackgroundColor
: Background color for item when
it's inactive.labelStyle
: Style object for the label Text.style
: Style object for the wrapper View.We can change Drawer.Section title color using this
<Drawer.Section
title={
<Text style={{color: colors.textColor}}>Preferences</Text>
}>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With