离线时，React-Native Webview html文件不显示。

Question

我正在使用React-Native创建一个应用程序。我使用Webview在应用程序中显示一个本地html文件。当手机有互联网连接时，这可以完美地工作，但除此之外什么也不显示。是否可以让Webview在没有互联网连接的情况下显示本地HTML文件？

Webview代码。

      WebView source={{ uri: 'file:/android_assettest.html' }} >

Answer 1

试试

const debugSource = require('../assets/test.html'); // required for bundling
const releaseSourcePrefix = Platform.OS === 'android' ? 'file:///android_asset' : './assets';
const releaseSource = { uri: `${releaseSourcePrefix}/assets/index.html` };
const webViewSource = Image.resolveAssetSource(global.__DEV__ ? debugSource : releaseSource);
<WebView
scalesPageToFit={false}
source={webViewSource}
originWhitelist={["*"]}
style={{ flex: 1, }}
/>

确保你先从打印HTML文本开始，确保HTML文件没有问题。这将帮助你更快地进行调试