RN填坑----iOS给控件设置背景图片无效

原创 2016年05月30日 12:10:32

React Native中,想要给某些控件设置图片,一般采用控件嵌套的方式来实现,例如:

<Image source={require('./img/my_icon.png')} >
       <Text style={{color:'red'}}>下面是背景图   </Text>
</Image>

效果如下:


但iOS用户却发现,同样的代码,跑出来的效果却不尽相同:

(我这里使用不同的背景图)


这里会发现,text默认的白色背景色会把图片部分遮盖掉


解决方法:

给Image添加一个透明背景颜色


效果如下:




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

React-Native 如何将图片作为页面的背景以及控件的嵌套实现启动应用

转载请标明出处:http://blog.csdn.net/u010046908/article/details/50781360 本文出自:【李东的博客】最近一直非常的关注react-native的开...

React Native常用组件Image使用

前言学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差...

iOS->RN实战分享之基础篇:在现有项目中使用RN

首先:这是一篇实战分享,但这里的内容主要来自于http://facebook.github.io/react-native/releases/0.34/docs/integration-with-ex...

code-push-server 搭建自己的推送服务器流程

一,server端配置流程 1, 安装和启动code-push-server $ git clone https://github.com/lisong/code-push-server....

PB treeview 控件设置背景图片

  • 2012年12月25日 10:17
  • 374KB
  • 下载

VC++设置列表控件的背景图片

  • 2012年08月09日 18:24
  • 13KB
  • 下载

Qt利用setstylesheet给控件设置背景图片不能显示

有个问题一直困扰我好久,就是用setstylesheet给控件设置背景图片的时候,找来找去运行程序的时候设置的背景图片就是不显示。 现在总结一下自己发现的一些问题,以及使用setstyle...
  • skkw111
  • skkw111
  • 2017年03月23日 19:28
  • 798

C#学习笔记:动态设置控件的背景图片

本文主要探讨的是在C#窗体设计过程中,如何设置控件的背景图片,以及图片的布局。谈到的控件属性有BackgroundImage,BackgroundImageLayout和Image。使用到的结构体、类...

Swing控件(JPanel,Container等)设置背景图片

Swing控件有直接设置背景颜色的方法,但没有直接设置背景图片的方法。这里不解的是为什么Swing默认不提供这个方法呢?既然它不提供我们就自己写一个吧,也不难,你要你知道Swing容器的图片都是用pr...
  • yy6060
  • yy6060
  • 2011年07月08日 09:44
  • 1139
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:RN填坑----iOS给控件设置背景图片无效
举报原因:
原因补充:

(最多只允许输入30个字)