react native webview onmessage

React Native WebView no está cargando la fuente

Question

Estaba siguiendo el ejemplo en documentos nativos de reactivos y no sé por qué mi vista web no cargará el sitio web.

Aquí está mi código:

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */
''use strict'';
import React, {
  AppRegistry,
  Component,
  StyleSheet,
  Text,
  View,
  Image,
  TextInput,
  Button,
  TouchableHighlight,
  TouchableOpacity,
  StatusBarIOS,
  WebView
} from ''react-native'';

StatusBarIOS.setStyle(1);

import Dimensions from ''Dimensions'';
var width = Dimensions.get(''window'').width;
var height = Dimensions.get(''window'').height;

var CStyles = require(''./CStyle'');

class TestComp extends Component {
  constructor(){
    super();

    this.state = {
      url: ''https://www.google.at/''
    }
  }
  render() {
    return (
      <View style={{flex: 1}}>
          <WebView
            ref="webview"
            style={{width: width}}
            automaticallyAdjustContentInsets={false}
            source={{uri: this.state.url}}
            javaScriptEnabled={true}
            domStorageEnabled={true}
            decelerationRate="normal"
            startInLoadingState={true}
          />
      </View>
    );
  }
}
module.exports = TestComp;

Por ahora, todo lo que obtengo visualmente es un giro que indica que algo se está cargando. Pero nada cambia

¿Estoy haciendo algo fundamentalmente malo?

Según un comentarista, este parece ser un tema fundamental, he abierto un número de GH para eso, no dude en contribuir https://github.com/facebook/react-native/issues/5974

Answer 1

Estaba teniendo el mismo problema que usted, y aunque no estoy seguro de cómo o por qué, simplemente cambiando startInLoadingState a "falso" lo corrigió en mi dispositivo de prueba.