如何反转反应原生矢量图标按钮颜色？答案

【问题标题】：How to invert react native vector icon buttons color?如何反转反应原生矢量图标按钮颜色？
【发布时间】：2017-07-20 20:46:22
【问题描述】：

我使用Vector Icons 作为Icon.Button，我想要两个取消和接受图标。

我正在这样做：

<View style={{ flexDirection: "row", justifyContent: 'space-between'}}>
    <TouchableOpacity style={{borderColor: 'red'}}> 
        <Icon.Button backgroundColor={RED} name="ios-close-circle-outline" size={20} />
    </TouchableOpacity>
    <TouchableOpacity style={{borderColor: 'red'}}>
        <Icon.Button backgroundColor={GREEN} name="ios-checkmark-circle-outline" size={20} />
    </TouchableOpacity>
</View>

我知道了：

我想要这个：

如何反转反应原生矢量图标按钮的颜色？谢谢

【问题讨论】：

标签： javascript reactjs react-native vector-icons

【解决方案1】：

将backgroundColor 更改为透明，将颜色属性设置为首选颜色并调整大小。

【讨论】：

【解决方案2】：

如果有人来这里是因为他们想知道如何使用 css 反转颜色，那么您可以简单地使用 filter: invert(1);

【讨论】：