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的任何值。

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...