美文网首页
React Native设置背景透明,文字不透明的控件

React Native设置背景透明,文字不透明的控件

作者: 路遇良人 | 来源:发表于2018-03-13 10:10 被阅读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进制的颜色设置,否则会使得文字也改变了透明度

    相关文章

      网友评论

          本文标题:React Native设置背景透明,文字不透明的控件

          本文链接:https://www.haomeiwen.com/subject/yaiafftx.html