blank component

[spearmootz]

i dont know why i get a blank screen when i use this module. im trying this out on index.js

var WebViewAndroid = require('react-native-webview-android');

import { AppRegistry } from 'react-native';

class Whatever extends Component {
  render () {
    return <WebViewAndroid url='https://www.google.com' javaScriptEnabled={true}
      geolocationEnabled={false} style={{ flex: 1 }} />;
  }
}

AppRegistry.registerComponent('whatever', () => Whatever);

[guyzmo]

I'm also getting a blank component trying this module. Not sure what I might have done wrong, I have no build time or compile time error.

[stefanflondor]

same for me, but it worked in dec 2017

[croftman]

Same here !

 import React, { Component } from 'react';
 import {
     AppRegistry,
     Platform,
     StyleSheet,
     Text,
     View,
     WebView
 } from 'react-native';

 var WebViewAndroid = require('react-native-webview-android');
 var SITE_URL = "https://google.fr";

 type Props = {};
 export default class App extends Component<Props> {

     render() {
         return <WebViewAndroid ref="webViewAndroidSample" javaScriptEnabled={true} geolocationEnabled={false} builtInZoomControls={false} url={SITE_URL} />;
     }
}

[lucasferreira]

Hi @croftman

Please try to insert your webview inside a View, and please try to put some style with and height or flex: 1 in your container and WebViewAndroid.

[croftman]

Nice ! It works just with flex :1 :) Thank you !

[kkureli]

If don't have, add https beginning of the url