直接進入主題，大概步驟如下

在 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 {

webviewcontroller _webviewcontroller;

string filepath = 'assets/files/agreement.html';

@override

widget build(buildcontext context) {

return scaffold(

appbar: appbar(title: text('享你來服務(wù)條款')),

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());

}

}

最終預(yù)覽的效果如下

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持萬仟網(wǎng)。

總結(jié)

以上是生活随笔為你收集整理的flutter加载本地html标签,Flutter中如何加载并预览本地的html文件的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。