webview - React Native WebView 未加载源

Question

我正在按照react-native文档中的示例进行操作，但不知道为什么我的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 即可在我的测试设备上修复它。