title: React native background image warning: Invalid props.style key `resizeMode` supplied to `View`
body: <p>Gathering guidance from <a href="https://stackoverflow.com/questions/29322973/whats-the-best-way-to-add-a-full-screen-background-image-in-react-native">this post</a> about how to create a background image in RN I learned that I need to have an Image containing other elements:</p>
  
  <pre><code> &lt;Image style=... source=...&gt;
       &lt;Text&gt;Hello&lt;/Text&gt;
   &lt;/Image&gt;
  </code></pre>
  
  <p>However, I think that when an Image has inner elements RN converts it to a view. I came to this conclusion because I am getting this warning:</p>
  
  <p><a href="https://i.stack.imgur.com/0ji2g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0ji2g.png" alt="warning about view properties"></a></p>
  
  <p>This is peculiar as the resizeMode was supplied to an Image and not to a View. The style of the containing image as described in the warning:</p>
  
  <pre><code>{
        width: null,
        height: null,
        overflow: "hidden",
        flex: 1,
        flexDirection: "column",
        justifyContent: "space-between",
        alignItems: "stretch",
        resizeMode: "cover"
  }
  </code></pre>
  
  <p>Should I ignore this warning or is there a proper way to create these kind of structures:</p>
  
  <p><a href="https://i.stack.imgur.com/Glq0Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Glq0Q.png" alt="image background structure"></a></p>