html本地载入缓存文件,Flutter中如何加载并预览本地的html文件的方法

搜索热词

直接进入主题，大概步骤如下

在 assets 创建需要访问 html 文件，如下

这里创建一个files文件夹，专门来放这些静态 html 文件.

在 pubspec.yaml 中配置访问位置

assets:

- assets/images/

- assets/files/

在 pubspec.yaml 添加 webview_flutter 插件依赖

webview_flutter: ^0.3.15+1

// 具体版本请查看官网

进入实际的代码操作

import 'dart:convert';

import 'package:flutter/material.dart';

import 'package:flutter/services.dart';

import 'package:webview_flutter/webview_flutter.dart';

class AgreementPage extends StatefulWidget {

@override

_AgreementPageState createState() => _AgreementPageState();

}

class _AgreementPageState extends State {

WebViewController _webViewController;

String filePath = 'assets/files/agreement.html';

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(title: Text('享你来服务条款')),body: WebView(

initialUrl: '',javascriptMode: JavascriptMode.unrestricted,onWebViewCreated: (WebViewController webViewController) {

_webViewController = webViewController;

_loadHtmlFromAssets();

},)

);

}

_loadHtmlFromAssets() async {

String fileHtmlContents = await rootBundle.loadString(filePath);

_webViewController.loadUrl(Uri.dataFromString(fileHtmlContents,mimeType: 'text/html',encoding: Encoding.getByName('utf-8'))

.toString());

}

最终预览的效果如下

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

html本地载入缓存文件,Flutter中如何加载并预览本地的html文件的方法相关推荐

flutter加载本地html标签,Flutter中如何加载并预览本地的html文件的方法
直接进入主题,大概步骤如下在 assets 创建需要访问 html 文件,如下这里创建一个files文件夹,专门来放这些静态 html 文件. 在 pubspec.yaml 中配置访问位置 ass ...
wps中普通视图与打印预览内容显示不一致的解决方法
wps中普通视图与打印预览内容显示不一致的解决方法问题形式需要打印Excel表中的内容,但在"普通视图"中将格式调好后,点击"打印预览"一看,嘿,一些单元格 ...
Excel中普通视图与打印预览内容显示不一致的解决方法
原文地址为: Excel中普通视图与打印预览内容显示不一致的解决方法一.问题:需要打印Excel表中的内容,但在"普通视图"中将格式调好后,点击"打印预览"一 ...
Flutter中ListView加载图片数据的优化
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. ** 你可能需要 CSDN 网易云课堂教程掘金 EDU学院教程知乎 Flutter系列文章在使用ListView ...
下血本买的！Flutter中网络图片加载和缓存源码分析，看看这篇文章吧！
目录想要成为一名优秀的Android开发,你需要一份完备的知识体系,在这里,让我们一起成长为自己所想的那样. PagerAdapter 介绍 ViwePager 缓存策略 ViewPager 布局处 ...
Android开发必会技术！Flutter中网络图片加载和缓存源码分析，完整PDF
起因事情是这样的. 4年前毕业那会,呆在公司的短视频项目,做视频.那会做得比抖音还早,但是由于短视频太烧钱了,项目被公司关掉了.当时需要开发横竖屏直播/异步视频的场景,就研究下了市场上的 app, ...
Flutter中网络图片加载和缓存源码分析，踩坑了
关于Android的近况大家都知道,今年移动开发不那么火热了,完全没有了前两年Android开发那种火热的势头,如此同时,AI热火朝天,很多言论都说Android不行了.其实不光是Android,i ...
jquery中ajax加载js和json文件
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中ajax加载js文件 jquery中ajax加载js文件的函数为getScript() 代码如下: $.getS ...
Android中WebView加载本地Html，与JavaScript与Android方法相互传值（续）...
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/u010046908/article/details/51809558 接着上篇Android中Web ...

html本地载入缓存文件,Flutter中如何加载并预览本地的html文件的方法

html本地载入缓存文件,Flutter中如何加载并预览本地的html文件的方法相关推荐

最新文章

热门文章