Flutter 调用 Webview
使用第三方的库 flutter_webview_plugin
写这篇文章的时候(2018-05-18),最新版为 0.1.5。
PS:2019-4-25,最新版为 0.3.4。
简单的使用:
import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';
class TestWebView02 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: '测试 WebView',
routes: {
'/': (_) => new MyHomePage(),
'/webView': (_) => new WebviewScaffold(
url: 'https://www.baidu.com',
appBar: new AppBar(
title: new Text('百度'),
),
withZoom: true,
withLocalStorage: true,
),
},
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('点击进入 WebView!'),
),
body: new Center(
child: new IconButton(icon: new Icon(Icons.add), onPressed: (){
Navigator.of(context).pushNamed("/webView");
}),
),
);
}
}
使用第三方的库 webview_flutter
写这篇文章的时候(2019-04-25),最新版为 0.3.6。
class NewsDetailPage extends StatelessWidget {
NewsDetailPage({
Key key,
this.title: '文章详情',
}) : super(key: key);
String title;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(this.title),
),
body: WebView(
initialUrl: 'https://www.baidu.com',
),
);
}
}