title: resize image in view
body: <p>My style code is as follows:</p>
  
  <pre><code>advertiseBox:{
      flexDirection: 'row-reverse',
    },
    advertiseImage:{
      alignItems: 'flex-start',
      resizeMode: 'contain',
      height: 200,
      width: 300,
      borderRadius: 7,
    },
  </code></pre>
  
  <p>Calling the image and style is as follows:</p>
  
  <pre><code>&lt;View style={[todayStyles.advertiseBox, {backgroundColor: 'blue'}]}&gt;
  
    &lt;Image source={require('../../assets/images/advertise.png')} style={todayStyles.advertiseImage}/&gt;
  
  &lt;/View&gt;
  </code></pre>
  
  <p>In the code it is clear that margin and padding are not used. Why the image has been distance from the top and bottom and right. What is the solution to the problem?</p>
  
  <p><a href="https://i.stack.imgur.com/sTWrV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sTWrV.png" alt="enter image description here"></a></p>