title: React Native: WebView height isn't being set properly
body: <p>I'm having a problem with a WebView in my React Native app. When no height for the WebView is specified, it defaults to about half the screen height (iPhone 6S). However, when I set a height with the help of <code>Dimensions</code>, it displays fine, but only the original half is interactive – ie. can only scroll using the top half of the screen.</p>
  
  <p>Here are the main parts of my current code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    ...
    Dimensions,
    ...
    WebView,
  } from 'react-native';
  
  let ScreenHeight = Dimensions.get("window").height;
  let ScreenWidth = Dimensions.get("window").width;
  
  class App extends Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          ...
          &lt;WebView
            source={{uri: 'http://foo.com'}}
            style={{height: ScreenHeight, width: ScreenWidth}}
          /&gt;
          ...
        &lt;/View&gt;
      );
    }
  }
  
  ...
  
  const styles = StyleSheet.create({
    container: {
      backgroundColor: '#bbb',
      flex: 1,
    },
    ...
  });
  
  AppRegistry.registerComponent('myApp', () =&gt; App);
  </code></pre>
  
  <p>I look forward to any help that can be offered :)</p>