1.安装webview_flutter [传送门](https://pub.dev/packages/webview_flutter
)
dependencies:
webview_flutter: ^0.3.9+1
2.android中需要添加网络权限才能使用不然报错,在xml中添加
image.png
<uses-permission android:name="android.permission.INTERNET" />
3.ios中在ios/Runner/Info.plist中添加
<key>io.flutter.embedded_views_preview</key>
<string>YES</string>*
4.使用webView_flutter
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class WebViewPage extends StatefulWidget {
String url;
final String title;
WebViewPage({this.url, this.title});
@override
_WebViewState createState() => _WebViewState();
}
class _WebViewState extends State<WebViewPage> {
@override
void initState() {
super.initState();
}
@override
void dispose() {
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Stack(
children: <Widget>[
new WebView(
initialUrl: widget.url, // 加载的url
onWebViewCreated: (WebViewController web) {
// webview 创建调用，
web.loadUrl(url)；此时也可以初始化一个url
web.canGoBack().then((res){
print(res); // 是否能返回上一级
});
web.currentUrl().then((url){
print(url);// 返回当前url
});
web.canGoForward().then((res){
print(res); //是否能前进
});
},
onPageFinished: (String value) {
// webview 页面加载调用
},
)
],
),
);
}
}
copyWith: webView_flutter 的使用
