React Native填充图标的透明部分

Question

我正在使用来自https://github.com/oblador/react-native-vector-icons

的YouTube图标

我正在使用的是来自Ionicons的“logo-youtube”，我希望中间游戏三角形（透明）为白色而周围部分为红色，但是如果我添加白色backgroundColor则会有图标周围的白框，并将填充设置为0什么都不做。如何在不在整个图标周围显示背景框的情况下使透明中间变为彩色？

Answer 1

我有一个类似的问题，其中我有来自react-native-vector-icons的图标。 将其放在形状为圆形的TouchableOpacity内。 我设置了TouchableOpacity的backgroundColor，但是我不希望该颜色显示在图标中。

Answer 2

我也有一个类似的问题，但是我找到了一种用任何颜色填充透明部分的方法。 添加位置为“绝对”的虚拟视图

//jsx

<View style={styles.fillView}/>
<Icon /> {*your Icon*}

//style
fillView:{
   position:'absolute',
   width:10,
   height:10,
   top:40,
   left:90,
   backgroundColor:'any fill color here'
 }

您可以调整宽度，高度样式以匹配填充部分的大小，并调整顶部，左侧样式以匹配填充部分的位置。