无法更改<DrawerItem>中的标签颜色

Question

如代码中所给出的，我已经尝试过，我想让Drawer中显示的“主页”是否可以偶然变成白色吗？

<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>

Answer 1

没有颜色属性，您可以使用以下道具来设置DrawerItem的样式

• activeTintColor：项目为时图标和标签的颜色 活跃。
• inactiveTintColor：项目处于非活动状态时图标和标签的颜色。
• activeBackgroundColor：项目处于活动状态时的背景颜色。
• inactiveBackgroundColor：项目的背景色 它不活跃。
• labelStyle：标签文本的样式对象。
• style：包装视图的样式对象。

Answer 2

我们可以使用此更改 Drawer.Section 标题颜色

            <Drawer.Section
              title={
                <Text style={{color: colors.textColor}}>Preferences</Text>
              }>

Answer 3

对于 Drawer.Item，您可以使用以下代码。

label={<Text style={{color: '#ffffff'}}>First Item</Text>}

对于 Drawer.Section，您可以使用以下代码。

title={<Text style={{color: '#ffffff'}}> Welcome</Text>}