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

Question

我使用矢量图标作为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);