React Native设置背景透明,文字不透明的控件
2018-03-13 本文已影响0人
路遇良人
在用RN写页面UI的时候,需要个背景透明文字不透明的 登录/注册控件,如下图
首页的登录注册按钮这是它的节点结构:
节点结构节点的style:
login:{
zIndex:999,
width:70,
height:24,
position:'absolute',
right:15,
top:30,
backgroundColor:'rgba(178,178,178,0.5)',
borderRadius:3,
justifyContent: 'center',
},
loginText:{
fontSize:14,
color:'white',
height:24,
textAlign:'center',
lineHeight:24,
opacity:1.0
},
设置如上控件的要点:必须设置父节点的 backgroundColor:'rgba(178,178,178,0.5)',必须使用rgba设置颜色样式
不能用16进制的颜色设置,否则会使得文字也改变了透明度