2016-02-17 71 views
2

我是在反應原生文檔中的例子,不知道爲什麼我的web視圖不會加載網站。反應原生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

+1

不,我試着用一個普通的html代碼,它也說加載。我想在RN中有一個錯誤,嘗試在github上打開一個問題。 –

+1

我這樣做,並粘貼鏈接在這裏 –

+0

@ noa-dev我試圖重現此問題。 CStyle的內容是什麼? 'var CStyles = require('./ CStyle');'這個例子來自哪裏? – zipzit

回答

2

我有同樣的問題,因爲你,雖然我不知道如何或爲什麼,只需將startInLoadingState更改爲false即可將其固定在我的測試設備上。

+0

我很確定我試過那個。但我今晚會給它一個鏡頭:) –

+0

沒有爲我做詭計.. –

+0

這是一個無賴,但它是值得一試。 – Kevin