React Native: WebView height isn't being set properly
<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>