应用错误收集

React Native WebView无法加载源

时间：2017-04-13 13:21:49

标签： react-native android-webview

描述

我想使用React Native WebView进行＆＃34;与现有Android应用程序集成＆＃34;，但它不加载源代码。它不会调用WebView的onLoad，onLoadStart，onError。

复制步骤和示例代码

render() {
  let { url, headers, html } = this.props;

  if (!!url && !/^[a-zA-Z-_]+:/.test(url)) 
  {
    url = 'http://' + url;
  }

  if (html) 
  {
    html = '<!DOCTYPE html><html><body>'+html+'</body></html>'
  }

  console.log(html);
  const source = !!url ? {uri: url} : {html: html}

  console.log(source);
  return (
    <View style={{flex: 1}}>
      <WebView
          style={{flex: 1}}
          source={source}
          javaScriptEnabled={true}
          domStorageEnabled={true}
          decelerationRate="normal"
          automaticallyAdjustContentInsets={false}
          onNavigationStateChange={this._onNavigationStateChange}
          onShouldStartLoadWithRequest={this._onShouldStartLoadWithRequest}
          startInLoadingState={!!url}
          scalesPageToFit={true}
          renderError={()=>{
            return (
              <View></View>
            )
          }}
        />
    </View>
  );
}

我找到了两个，但他们没有解决我的问题：

＃

React Native Version：0.37.0 Android Studio版本：2.2.2

1 个答案:

答案 0 :(得分：0)

我们在代码中发现错误：此custrom视图的类名称覆盖React Native类名称

public class CustomImageView extends SimpleViewManager<ImageView> {
  // Error: This class name: RCTWebView cover React Native class name
  public static final String REACT_CLASS = "RCTWebView";
  @Override
  public String getName() {
    return REACT_CLASS;
 }
}