rn webview加载本地静态html,React Native - Webview 加载本地文件
发布日期:2021-06-24 11:22:44 浏览次数:4 分类:技术文章

本文共 600 字,大约阅读时间需要 2 分钟。

网上没找到合适的方法。用 react-native-fs 解决了一下,因为release之后静态文件地址发生改变,之前的引入就无效了

1.项目根目录引入静态文件的文件夹

7d46e961513585711aaa455ef4b3b21d.png

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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:dax powerbi 生成表函数_Power BI |DAX函数のCALCULATETABLE、CALENDAR函数以及相关表生成函数...
下一篇:html表头跟随滚动,JS实现table表格固定表头且表头随横向滚动而滚动_心善_前端开发者...

发表评论

最新留言

初次前来,多多关照!
[***.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笔记16】进程间通信(IPC),直接/间接通信与阻塞/非阻塞通信,信号,管道,消息队列,共享内存 2019-04-28
【数据结构笔记24】单源最短路(迪克斯拉Dijkstra算法),多源最短路(弗洛伊德Floyd算法) 2019-04-28
【操作系统/OS笔记17】文件系统基本概念、文件描述符、文件系统访问、文件别名、文件系统种类 2019-04-28
【数据结构笔记25】判断Code[]是否为Huffman Codes,或是否为WPL最小编码 2019-04-28
【数据结构笔记26】根据一棵树的先序/中序遍历Push与Pop内容,输出这棵树的先序、中序、后序遍历数组(不需要真的建立出树) 2019-04-28
【数据结构笔记27】树习题:完全二叉搜索树(Complete Binary Search Tree) 2019-04-28
【操作系统/OS笔记18】虚拟文件系统概念 2019-04-28
【操作系统/OS笔记19】数据块缓存 2019-04-28
【操作系统/OS笔记20】打开文件、文件数据块分配、空闲空间管理、多磁盘管理(RAID)、磁盘调度算法概述 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