React Native中,想要给某些控件设置图片,一般采用控件嵌套的方式来实现,例如:
<Image source={require('./img/my_icon.png')} >
<Text style={{color:'red'}}>下面是背景图 </Text>
</Image>
效果如下:
但iOS用户却发现,同样的代码,跑出来的效果却不尽相同:
(我这里使用不同的背景图)
这里会发现,text默认的白色背景色会把图片部分遮盖掉
解决方法:
给Image添加一个透明背景颜色
效果如下: