Question

我在反应原生文档中关注示例，并且不知道为什么我的webview不会加载网站。

这是我的代码：

/**
 * 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;

现在，我在视觉上得到的是一个旋转器，表明正在加载某些东西。但是没有任何改变。

我做了一些根本错误的事情吗？

根据评论者的说法，这似乎是一个根本问题，我已经开启了GH问题，随时可以做出贡献 https://github.com/facebook/react-native/issues/5974

Answer 1

我遇到了与您相同的问题，虽然我不确定如何或为何，但只需将startInLoadingState更改为false即可将其修复到我的测试设备上。

React Native WebView未加载源

1 个答案: