react-native – 如何设置透明的视图背景颜色

发布时间：2020-12-15 06:24:10 所属栏目：百科来源：网络整理

导读：这是我使用的观点的风格 backCover: { position: 'absolute',marginTop:20,top: 0,bottom: 0,left: 0,right: 0,} 目前它有一个白色的背景。我可以改变backgroundColor，因为我想要“#343434”，但它只接受最多6个六进制值的颜色，所以我不能给出像#00ffffff

这是我使用的观点的风格

backCover: {
 position: 'absolute',marginTop:20,top: 0,bottom: 0,left: 0,right: 0,}

目前它有一个白色的背景。我可以改变backgroundColor，因为我想要“#343434”，但它只接受最多6个六进制值的颜色，所以我不能给出像#00ffffff这样的不透明度。我尝试使用这样的不透明度

backCover: {
 position: 'absolute',opacity:0.5,}

但它降低了视图内容的可见性。
那么任何答案？

使用rgba值作为backgroundColor。

例如，

backgroundColor: 'rgba(52,52,0.8)'

这将其设置为具有80％不透明度的灰色，这是来自不透明度小数，0.8。该值可以是从0.0到1.0的任何值。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!