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

Question

我使用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>

我收到了这个：

我想这样：

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

Answer 1

将backgroundColor更改为透明，将color属性设置为优先颜色并凸起大小。