Wie invertieren reagieren native Vektor Icon Buttons Farbe?

Question

Ich verwende Vector Icons als Icon.Button und ich würde gerne zwei Abbrechen und akzeptieren Symbole haben.

Ich tue dies:

<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> 

ich dies immer:

Ich würde dies mag:

Wie invertieren reagieren native Vektor Icon Buttons Farbe? Danke

Answer 1

ändern Sie backgroundColor zu transparent, stellen Sie die Farbeigenschaft auf die bevorzugte Farbe ein und erhöhen Sie die Größe.