React Native設(shè)置背景透明,文字不透明的控件

在用RN寫頁面UI的時(shí)候,需要個(gè)背景透明文字不透明的 登錄/注冊(cè)控件,如下圖

首頁的登錄注冊(cè)按鈕

這是它的節(jié)點(diǎn)結(jié)構(gòu):


節(jié)點(diǎn)結(jié)構(gòu)

節(jié)點(diǎn)的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

? },


設(shè)置如上控件的要點(diǎn):必須設(shè)置父節(jié)點(diǎn)的 backgroundColor:'rgba(178,178,178,0.5)',必須使用rgba設(shè)置顏色樣式

不能用16進(jìn)制的顏色設(shè)置,否則會(huì)使得文字也改變了透明度

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 今年初,在親朋好友的力推下看完了請(qǐng)回答1988。心里感觸頗深,相信這是我們每個(gè)人所向往的青春。有一幫從小玩到大的朋...
    我也愛你呀閱讀 393評(píng)論 0 0
  • 有的時(shí)候,你覺得自己特別忙,但是還被抱怨效率低?或許這篇文字可以幫到你。 懂得去拒絕一些無意義的或是和你無關(guān)的工作...
    Andy呆鹿閱讀 464評(píng)論 0 2

友情鏈接更多精彩內(nèi)容