Android 中的 React Native WebVIew 显示空白页面

Question

我尝试使用 React Native 的 WebView 从 Android 中的本地路径加载 HTML 页面，如下所示。

var WebViewAndroid = require('react-native-webview-android');

但我得到的是空白页

 <WebViewAndroid
      ref="webViewAndroidSample"
      javaScriptEnabled={true}
      geolocationEnabled={false}
      builtInZoomControls={false}
      url={webapp}
      style={styles.containerWebView}
       />

我的本地路径是 /storage/emulated/0/Android/data/'myappid'/files/abcd/index.html

Answer 1

也许您在 WebView 周围还有另一个“视图”容器？然后它显示一个空白页

例如更改代码：

<View>
    <WebView
    javaScriptEnabled={true}
    originWhitelist={['*']}
    source={{html: htmlContent}}
    />
</View>

致：

<WebView
javaScriptEnabled={true}
originWhitelist={['*']}
source={{html: htmlContent}}
/>

如果这不能解决问题，也许你可以展示你的代码的一部分？