Flutter中如何加載并預覽本地的html文件的方法
直接進入主題,大概步驟如下
在 assets 創(chuàng)建需要訪問 html 文件,如下
這里創(chuàng)建一個files文件夾,專門來放這些靜態(tài) html 文件.
在 pubspec.yaml 中配置訪問位置
assets: - assets/images/ - assets/files/
在 pubspec.yaml 添加 webview_flutter 插件依賴
webview_flutter: ^0.3.15+1 // 具體版本請查看官網(wǎng)
進入實際的代碼操作
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()); } }
最終預覽的效果如下
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持我們。
欄 目:Android
下一篇:Android系統(tǒng)添加自定義鼠標樣式通過按鍵切換實例詳解
本文標題:Flutter中如何加載并預覽本地的html文件的方法
本文地址:http://mengdiqiu.com.cn/a1/Android/9044.html
您可能感興趣的文章
- 01-10如何給Flutter界面切換實現(xiàn)點特效
- 01-10Emoji表情在Android JNI中的兼容性問題詳解
- 01-10android開發(fā)環(huán)境中SDK文件夾下的所需內容詳解
- 01-10Flutter適配深色模式的方法(DarkMode)
- 01-10Flutter 滾動監(jiān)聽及實戰(zhàn)appBar滾動漸變的實現(xiàn)
- 01-10Flutter里面錯誤捕獲的正確方法
- 01-10Android中butterknife的使用與自動化查找組件插件詳解
- 01-10如何使用Flutter實現(xiàn)58同城中的加載動畫詳解
- 01-10詳解Android 8.1.0 Service 中 彈出 Dialog的方法
- 01-10android 使用kotlin 實現(xiàn)點擊更換全局語言(中日英切換)


閱讀排行
本欄相關
- 01-10Android自定義View之繪制圓形頭像功能
- 01-10Android實現(xiàn)雙擊返回鍵退出應用實現(xiàn)方
- 01-10android實現(xiàn)簡單計算器功能
- 01-10android實現(xiàn)記住用戶名和密碼以及自動
- 01-10C++自定義API函數(shù)實現(xiàn)大數(shù)相乘算法
- 01-10Android 友盟第三方登錄與分享的實現(xiàn)代
- 01-10android實現(xiàn)指紋識別功能
- 01-10如何給Flutter界面切換實現(xiàn)點特效
- 01-10Android實現(xiàn)圓形漸變加載進度條
- 01-10Emoji表情在Android JNI中的兼容性問題詳
隨機閱讀
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10delphi制作wav文件的方法
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 01-11ajax實現(xiàn)頁面的局部加載
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 04-02jquery與jsp,用jquery
- 01-10SublimeText編譯C開發(fā)環(huán)境設置
- 01-10C#中split用法實例總結