无涯教程网

Reactnative 如何在 React Native 中设置透明视图的背景 colored颜色

发布于07月10日

这就是我使用的视图样式

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

目前它的背景是白色的.我可以改变背景 colored颜色，就像我想要的一样，比如'#343434'，但是它只接受最大6个像素的 colored颜色值，所以我不能给它增加透明度，比如'#00ffffff'.我试着用这样的不透明度

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

但它会降低视图内容的可见性.

推荐答案

Use `rgba` value for the `backgroundColor`.

例如

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

这会将其设置为不透明度为80%的灰色，这是从不透明度小数点0.8导出的.该值可以是0.0到1.0之间的任何值.

React-native相关问答推荐

React Native Ios错误 - ENOENT：no such file or directory, uv_cwd (null)

从 .apk 到 .aab 的本地构建版本react，如何将应用程序发送给客户端？

如何在 React Native 中创建和保存 CSV 文件？

React-native 解码 base64 编码字符串

使用直接在 Windows 中运行的模拟器在 WSL 中运行 React Native

如何在 react-native 中在图像周围添加阴影

react-native - 如何在过go 两个文件夹中导入组件？

错误：安装 react-native-elements 后无法识别字体系列 Material Design 图标？

react-native：如何在离线模式下在模拟器上运行应用程序？

React Native Maps：标记图像不显示在 react-native-maps 中使用自定义标记

React Native：无法点击调试菜单

Xcode 设备不可用，未找到运行时配置文件

React native - 创建单例模式的最佳方式

React Native vs Swift/Objective-C/Java Native

React-Native：更改 ImageBackground 的不透明度 colored颜色

Jest TransformIgnorePatterns 所有 node_modules 用于 React-Native Preset

Expo在使用Windows 10的android模拟器上运行

xcode 使用错误的 node.js 版本

zIndex 不适用于react-native元素

如何在react-native中验证 TextInput 值？

实用课程推荐

相关教程推荐