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

本文共 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表格固定表头且表头随横向滚动而滚动_心善_前端开发者...

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月25日 04时17分51秒