title: React Native backgroundColor overlay over image
body: <p>I am using an image as the background for one of my pages. I'd like to add a backgroundColor with an opacity over the image. I'm not sure how I can achieve this with React Native.</p>
  
  <pre><code>render() {
    return (
      &lt;Image source={require('./assets/climbing_mountain.jpeg')} style={styles.container}&gt;
        &lt;Text&gt;Hello&lt;/Text&gt;
      &lt;/Image&gt;
    )
  }
  
  const styles = StyleSheet.create({
    container: {
    flex: 1,
    width: null,
    height: null,
  }
  </code></pre>
  
  <p>Here is how I'd achieve this on a web page: <a href="https://stackoverflow.com/questions/21086385/how-to-make-in-css-an-overlay-over-an-image">How to make in CSS an overlay over an image?</a></p>