Expo Vector Icon - 如何更改背景颜色？

【问题标题】：Expo Vector Icon - how to change background color?Expo Vector Icon - 如何更改背景颜色？
【发布时间】：2021-05-18 16:03:29
【问题描述】：

我在我的应用程序中使用 Expo vector Icon 和 React Native。我正在使用如下图标，它适用于所有道具。但是，我一直在尝试更改背景颜色，但并没有像预期的那样改变。我检查了文档，所有属性都按预期工作，backgroundColor 除外。知道为什么它不起作用吗？

 <AntDesign
       name={name}
       size={size}
       color={color}
       iconStyle={iconStyle}
       backgroundColor="red"/>

【问题讨论】：

【解决方案1】：

矢量图标本身不支持背景属性。

你指的是按钮，如果你想使用按钮，你必须像下面那样做

 <AntDesign.Button
       name={name}
       size={size}
       color={color}
       iconStyle={iconStyle}
       backgroundColor="red"/>

但如果你的要求只是图标，你可以简单地设置它

<AntDesign
       name={name}
       size={size}
       color={color}
       style={{backgroundColor:'red'}}/>

【讨论】：