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;

目前我看到的只有一个旋转加载图标，但什么也没有变化。

我是不是做错了什么根本性的事情？

据一位评论者称，这似乎是一个根本性的问题，我已经在GitHub上开了一个问题，欢迎贡献。https://github.com/facebook/react-native/issues/5974

- noa-dev

---

不行，我用了一个简单的HTML代码，它也显示正在加载。我猜RN里面有个bug，请尝试在Github上开一个issue。 - G. Hamaide

我会这样做，并在此处粘贴链接。 - noa-dev

@noa-dev 我正在尝试重现这个问题。CStyle的内容是什么？var CStyles = require('./CStyle'); 这个例子来自哪里？ - zipzit

文件CStyle仅包含一个导出对象，它作为样式表工作。 - noa-dev

Answer 1

我和你遇到了同样的问题，虽然我不确定原因是什么，但只需要将 startInLoadingState 改为 false 就可以在我的测试设备上解决它。

- Kevin

---

我很确定我试过那个了。但今晚我会再试一次 :) - noa-dev

真遗憾，但还是值得一试的。 - Kevin