当前位置: 首页 > 编程笔记 >

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

余善
2023-03-14
本文向大家介绍Flutter中如何加载并预览本地的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<AgreementPage> {
 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());
 }
}

最终预览的效果如下

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍django加载本地html的方法,包括了django加载本地html的方法的使用技巧和注意事项,需要的朋友参考一下 django加载本地html 传递数据到html中 python代码 Html代码去取值: 以上这篇django加载本地html的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 我正在mac上学习使用chrome的selenium。 我已经设法用以下代码加载谷歌主页。 基于此,我尝试用selenium加载一个本地html文件。 Chrome以奇怪的字符串启动。 得到了这个错误。 回溯(最近一次调用last):文件“/Users/pan/selenium.py”,第11行,在驱动程序中。get(dir_path“/game/dino.html”)File“/Users/pa

  • 我想把一个html文件加载到WebView中。 请注意,在so上有很多相关的问题,但它们都涉及从资产文件夹获取**.html*。 但是我想从本地文件夹加载html文件,比如“d://abc.html”,因为如果我的html大约是10MB,那么相应的apk大小也会增加到10MB。

  • 本文向大家介绍Android 如何本地加载pdf文件,包括了Android 如何本地加载pdf文件的使用技巧和注意事项,需要的朋友参考一下 大部分app打开pdf文件是通过intent调起手机中能打开pdf文件的工具,来查看pdf文件,如果需求是,用户在app内下载好pdf文件后,不通过第三方的工具,本地打开。 这样的需求要怎么实现呢?上网查了一些资料,发现了一个很好用PDF开源库。 使用起来也很

  • 我得到了一些帮助,所以我有一些代码可以使用,但我似乎无法理解这一点,所以,我正在寻求更多的帮助。我正在处理的任务是在本地网页上显示html文件作为链接,并自动更新,因为每天都会有一个新文件夹(插入到同一根文件夹)和一个新文件。 我的问题是访问文件夹和选择的html文件这总是被称为main.html.文件夹有一个不同的名称因为它有一个日期在名称但html文件总是被称为main.html.我想更新每日

  • 任务:我已经创建了一个片段抽屉,在这里我有textview,文本“MyName”就在我的图像下面,然后有nav_row项,所以我想做的是,当单击该文本时,它应该将活动从MainActivity切换到profileinfo,我创建了webview,它的活动profileinfo应该加载我的html文件...所以我做的是这里--> webview xml在这里--> profileinfo活动 这是我