title: How to resize react native webview content?
body: <p>This is my code, I'm trying to load a stream from my IP camera.</p>
  
  <pre><code>  &lt;View style={{flex:1,marginTop:70, flexDirection:'column', justifyContent:'space-between'}}&gt;
      &lt;Hue/&gt;
      &lt;View style={{flex:1}}&gt;
          &lt;WebView
          source={{uri: 'http://192.168.2.6:81/videostream.cgi?user=admin&amp;pwd=XXXXX'}}
          style={{/*marginTop: 20, flex: 1, width:450, height:100*/}}
          javaScriptEnabled={false}
          domStorageEnabled={false}
          startInLoadingState={false}
          scalesPageToFit={false}
          scrollEnabled={true}
          /&gt;
      &lt;/View&gt;
      &lt;Text&gt;Just some text&lt;/Text&gt;
  
    &lt;/View&gt;
  </code></pre>
  
  <p><code>&lt;Hue/&gt;</code> is a component to check if the WebView is still loading (because in a normal case, it won't load if it's not the only component).</p>
  
  <p>The <code>width</code> property have an ambiguous behavior: reducing it increase the height of the webview. Leaving an empty scrolling space.</p>
  
  <p>Moreover, modifying the <code>height</code> of the webview component does nothing at all.</p>
  
  <p>I tried to modify the parent view applying height and width with no luck.</p>
  
  <p>Also, I did not find any props to modify the webview content itself.</p>
  
  <p>Is there any way, or a react-native component that can help me to integrate my IP camera stream in my application ?</p>
  
  <p>Any suggestion is very appreciated.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p><strong>Updated the code according to Ashwin's comment and I still get this :</strong></p>
  
  <p><a href="https://i.stack.imgur.com/8FXBc.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/8FXBc.gif" alt="enter image description here"></a></p>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>I updated my code according to sfratini answer but if I set the scroll enabled and then scroll, I'm able so see that there is always a part of the image not displayed. Seems that react does not understand to resize to 100%.. It's strange...</p>
  
  <p><a href="https://i.stack.imgur.com/iB718.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iB718.png" alt="left side"></a></p>
  
  <p><a href="https://i.stack.imgur.com/10Wa7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/10Wa7.png" alt="right side"></a></p>