如何反转反应本机矢量图标按钮颜色？

Question

我正在使用 Vector Icons as 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>

我得到这个：

我要这样：

如何反转本机矢量图标按钮的颜色？谢谢

Answer 1

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

Answer 2

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

如何反转反应本机矢量图标按钮颜色？

How to invert react native vector icon buttons color?

javascript

reactjs

react-native

vector-icons