微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

这是我使用的观点的风格
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的任何值。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐