Flutter是Google推出的移動端開發框架，具有快速、高效、跨平臺等特點，許多開發者選擇使用Flutter開發移動應用，但是在應用中如何加載HTML代碼呢？本文將介紹Flutter加載HTML代碼的方法。

Flutter提供了一個WebView組件，可以在移動應用中顯示HTML頁面。WebView組件是Flutter的一個內置組件，可以通過導入flutter_webview_plugin包來使用。

import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
class WebViewPage extends StatelessWidget {
final String url;
WebViewPage({this.url});
@override
Widget build(BuildContext context) {
return WebviewScaffold(
url: url,
appBar: AppBar(
title: Text('WebView'),
),
);
}
}

代碼中的WebviewScaffold組件可以加載URL地址，使用AppBar組件設置標題，非常方便。但是如果想要加載HTML代碼呢？要如何實現呢？

Flutter的WebView組件支持通過字符串方式加載HTML代碼，可以使用loadUrl方法，如下所示：

import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
class HtmlViewPage extends StatelessWidget {
final String htmlString;
HtmlViewPage({this.htmlString});
@override
Widget build(BuildContext context) {
return WebviewScaffold(
withJavascript: true,
appBar: AppBar(
title: Text('HTMLView'),
),
body: WebView(
initialUrl: '',
onWebViewCreated: (WebViewController controller) {
controller.loadUrl(Uri.dataFromString(htmlString, mimeType: 'text/html', encoding: Encoding.getByName('utf-8')).toString());
},
),
);
}
}

代碼中使用WebView組件來顯示HTML，傳入initialUrl為空，然后在onWebViewCreated回調中調用loadUrl方法，將HTML代碼通過Uri.dataFromString方法轉換成Uri格式的字符串，最后設置mimeType為text/html即可。

總結：

本文介紹了Flutter中如何加載HTML代碼的方法，通過WebView組件和loadUrl方法，實現了通過字符串方式展示HTML頁面，可以方便地在移動應用中快速顯示HTML頁面。