rn webview加载本地静态html,React Native - Webview 加载本地文件
发布日期:2021-06-24 11:22:44
浏览次数:4
分类:技术文章
本文共 600 字,大约阅读时间需要 2 分钟。
网上没找到合适的方法。用 react-native-fs 解决了一下,因为release之后静态文件地址发生改变,之前的引入就无效了
1.项目根目录引入静态文件的文件夹
2.创建一个html,刚才引入的地址${RNFS.MainBundlePath}/web
/**
* ./EditorHtml
*/
let RNFS = require('react-native-fs');
const htmlWeb = `
`;
export default htmlWeb;
3.引入这个html${RNFS.MainBundlePath}/web
import WEBHTML from './EditorHtml';
4.注意baseUrl
scrollEnabled={false}
ref={webview => this.webview = webview}
onMessage={this.invoke.listener}
javaScriptEnabled={true}
automaticallyAdjustContentInsets = {false}
scalesPageToFit={true}
contentInset={
{left : 0,right:0,top:0,bottom:0}}source={
{html:WEBHTML,baseUrl: '/web'}}/>
转载地址:https://blog.csdn.net/weixin_32467749/article/details/117870249 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2024年03月29日 08时45分50秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【数据结构笔记20】图的定义,图的表示:邻接矩阵与邻接表
2019-04-28
【数据结构笔记21】图的遍历,DFS与BFS,连通图
2019-04-28
【数据结构笔记22】图的遍历例题:拯救007(应用DFS)、六度空间(应用BFS)
2019-04-28
【数据结构笔记23】C实现:表示图的多种方法(邻接矩阵、邻接表与相关拓展)
2019-04-28
【操作系统/OS笔记15】死锁的系统模型,死锁的处理办法,银行家算法与死锁检验算法
2019-04-28
【操作系统/OS笔记18】虚拟文件系统概念
2019-04-28
【操作系统/OS笔记19】数据块缓存
2019-04-28
管理科学の学生自学CS的【计划】与【心得】
2019-04-28
【数据结构笔记28】C实现:图练习-选择最长路径最短的节点
2019-04-28
【数据结构笔记29】最小生成树问题:Prim算法与Kruskal算法
2019-04-28
【数据结构笔记30】拓扑排序、AOV网络、AOE网络、关键工序
2019-04-28
【数据结构笔记31】Dijkstra算法例题:旅游规划(双权重),以及其他推广
2019-04-28
【数据结构笔记32】排序算法概述、简单排序(冒泡排序、插入排序)、逆序对
2019-04-28