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

发布时间：2020-12-15 20:55:04 所属栏目：百科来源：网络整理

导读：这是我使用的视图的样式 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之间的任何值.

（编辑：李大同）

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