android - 脱机时不显示 React-Native Webview html 文件
问题描述
我正在使用 React-Native 创建一个应用程序。我正在使用 Webview 以在应用程序中显示本地 html 文件。当手机有互联网连接时,这非常有效,但否则什么都不会显示。是否可以让 Webview 在没有 Internet 连接的情况下显示本地 HTML 文件?
网页浏览代码:
网络视图 source={{ uri: 'file:///android_asset/test.html' }} />
解决方案
尝试 -
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 文件中没有问题。它将帮助您更快地调试
推荐阅读
- swift - SCNGeometry 没有给出正确的顶点数
- javascript - 当电子应用程序在后台工作时打开模式
- c# - 存储更改历史
- r - 如何在数据框中向下填充先前的值,直到 R 中列的最后一个数值?
- python - 以整数格式处理 MMDDYYYY 格式 python
- java - 如果没有 SharedPreferences,onCreate 中的 Android Java 弹出菜单
- java - java - 如何将格式(“dd-M-yyyy kk:mm:ss z”)的字符串转换为java中服务器的LocalDateTime?
- dns - 如何以正确的顺序读取超过 255 个字符的 TXT 记录
- ios - 有没有办法使用 iOS EventKit 修改我的出勤状态?
- node.js - 如何在MongoDB的屏幕上显示项目的_id?