flutter html 加载_Flutter 加载本地 HTML 文件

Flutter加载本地网页

1. 添加依赖到 pubspec.yaml:

dependencies:

webview_flutter: ^0.3.22+1

2. 将HTML文件放到assets中

3. 初始化HTML为String，然后添加到 webview

class HelpScreen extends StatefulWidget {

@override

HelpScreenState createState() {

return HelpScreenState();

}

class HelpScreenState extends State {

WebViewController _controller;

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(title: Text('Help')),

body: WebView(

initialUrl: 'about:blank',

onWebViewCreated: (WebViewController webViewController) {

_controller = webViewController;

_loadHtmlFromAssets();

);

}

_loadHtmlFromAssets() async {

String fileText = await rootBundle.loadString('assets/help.html');

_controller.loadUrl( Uri.dataFromString(

fileText,

mimeType: 'text/html',

encoding: Encoding.getByName('utf-8')

).toString());

}

注意事项

1. 设置编码为 UTF-8，否则可能导致崩溃

2. iOS需要在 info.plist 中设置 io.flutter.embedded_views_preview 为 true

flutter html 加载_Flutter 加载本地 HTML 文件相关推荐

[Cocos Creator] 本地文件加载系列六：本地龙骨动画dragonbones加载（web模式）
[Cocos Creator] 本地文件加载系列一:本地文件读取(web模式) [Cocos Creator] 本地文件加载系列二:本地音频文件播放(web模式) [Cocos Creator] 本地 ...
flutter html 加载_Flutter开发：项目加载本地html文件的步骤
Flutter开发会遇到各种各样的技术,而且flutter开发带来了新的"技术革命",解放了iOS单一开发和Android单一开发所带来的巨大成本问题,一套flutter代码可以适 ...
js修改本地json文件_Flutter加载本地JSON文件教程建议收藏
今天农村老家的天气不是很好而且外面还下雨了,每天只能坐在老家打开电脑,看看文章,写写文章今天我给大家带来一篇Flutter加载本地JSON文件教程本头条核心宗旨欢迎来到「技术刚刚好」作者,「 ...
Flutter加载本地pdf文件
通过flutter预览本地的pdf文件,选了多个flutter插件后最终选择了pdfx, 首先看一下我的需求吧,左侧是所有的文件列表右侧是文件的内容,左侧比较简单我们读取指定的目录后将文件名显示出来, ...
在Flutter中更快地加载您的图像资源
本文主要介绍在Flutter中更快地加载您的图像资源我们可以将图像放在我们的资产文件夹中,但如何更快地加载它们?这是 Flutter 中的一个秘密函数,可以帮助我们做到这一点 - precacheI ...
uiwebview 读取本地html,UIWebView加载本地HTML文件
一.准备HTML文件及其资源文件使用UIWebView加载本地的HTML文件 index.html,在index.html中引用了本地的图片.CSS文件.JS文件以及外部的图片. index.htm ...
wpf 加载本地html文件,c# – Wpf WebBrowser加载javascript
我的页面中有这个WebBrowser: VerticalAlignment="Stretch" Grid.Column="1"/> 现在我加载页面后,我想 ...
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的热重启 / 热加载 )
文章目录前言一.混合开发中启用 Flutter 的热重启 / 热加载二.混合开发中 Flutter 的热重启 / 热加载命令测试三.指定混合应用连接的设备四.相关资源前言上一篇博客 ...
Jquery中使用JsonP加载本地json文件解决跨域问题
场景 jquery中直接请求本地json文件时会提示跨域问题. Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获 ...

flutter html 加载_Flutter 加载本地 HTML 文件

flutter html 加载_Flutter 加载本地 HTML 文件相关推荐

最新文章

热门文章