React Native backgroundColor覆盖图像

我使用图像作为我的一个页面的背景.我想在图像上添加一个不透明度的backgroundColor.我不确定如何使用React Native实现这一目标.

render() {
  return (
    
      Hello
    
  )
}

const styles = StyleSheet.create({
  container: {
  flex: 1,
  width: null,
  height: null,
}

以下是我在网页上实现这一目标的方法:如何在CSS中对图像进行叠加？

你可以做的一件很酷的事情就是在它上面放一个绝对定位的视图.

  
    Hello
  
  


...
const styles = StyleSheet.create({
   overlay: {
     ...StyleSheet.absoluteFillObject,
     backgroundColor: 'rgba(0,0,0,0.5)'
   }
 })

absoluteFillObject 是相同的

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

如果您希望能够点击叠加层,只需将pointerEvents视图上的道具设置为none

docs:https://facebook.github.io/react-native/docs/stylesheet.html#absolutefillobject