在 pubspec.yaml 中導(dǎo)入 flutter_webview_plugin 插件
使用時(shí) import
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
class WebView extends StatefulWidget {
final url;
final title;
WebView({Key key, @required this.url, @required this.title})
: super(key: key);
@override
_WebViewState createState() => _WebViewState();
}
class _WebViewState extends State<WebView> {
FlutterWebviewPlugin flutterWebviewPlugin = FlutterWebviewPlugin();
void initState() {
super.initState();
flutterWebviewPlugin.onStateChanged.listen((WebViewStateChanged state) {
switch (state.type) {
case WebViewState.shouldStart:
//準(zhǔn)備加載
break;
case WebViewState.startLoad:
//開(kāi)始加載
break;
case WebViewState.finishLoad:
//加載完成
break;
case WebViewState.abortLoad:
break;
}
});
}
@override
Widget build(BuildContext context) {
return WebviewScaffold(
url: widget.url,
appBar: Text(
widget.title,
),
withZoom: true, //允許網(wǎng)頁(yè)縮放
withLocalStorage: true,
withJavascript: true, //允許執(zhí)行 js 代碼
);
}
@override
void dispose() {
flutterWebviewPlugin.dispose();
super.dispose();
}
}
ps:支持http需要在iOS的info.plist文件加入以下字段：
<key>io.flutter.embedded_views_preview</key>
<true/>
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
image.png
image.png
