title: How to clip off the image if its outside bounds react native
body: <p>I'm new to react native development. I want the image to be in aspect ratio and when I try to change its bounds the area outside the bounds should be clipped off. In Android, it is working correctly but not in iOS the image is not clipping to its bounds and showing the whole image. </p>
  
  <pre><code>&lt;View
        style={{
          backgroundColor: "#04894a",
          padding: 10,
          height: 110,
          alignItems: "center"
        }}
      &gt;
   &lt;View
          style={{
            alignItems: "center"
          }}
        &gt;
          &lt;Image
            style={{ height: 150, width: 150 }}
            source={require("../images/wow_logo.png")}
          /&gt;
        &lt;/View&gt;
  </code></pre>
  
  <p>The image is going outside the view but still, it is showing in full. I want it to be cropped if going outside the bounds. Can anyone help me with this? Any links or suggestions are also appreciated.
  TIA </p>