[WebView] There is an empty space showing when rendering WebView

It does not happen on 0.6 and below. It only happens if I use 0.7 and above.

Here’s a sample code:

'use strict';

var React = require('react-native');

var {
  AppRegistry,
  View,
  WebView,
  Component
} = React;

class CustomWebView extends Component {
  reload() {
    this.refs.internalWebView.reload();
  }
  render() {
    return (
      <WebView ref="internalWebView" {...this.props}/>
    );
  }
}

var Sample1 = React.createClass({
  componentDidMount() {
    this.refs.AWESOME.reload();
  },
  render: function() {
    var url = "http://google.com";
    return (
      <CustomWebView ref="AWESOME" url={url}/>
    );
  }
});

AppRegistry.registerComponent('Sample1', () => Sample1);

[ide]

@alinz can you try setting automaticallyAdjustContentInsets={false}?

[ide]

@chirag I opened a PR to discuss this but I don’t know if it’s the best solution especially considering Android. My sense is it that it’s a useful prop but currently is too entangled with native code, and instead should optimize for JS chrome components like Navigator.