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");
        }),
      ),
    );
  }
}

944AF17C-08F9-45C0-86AC-5BAAA5237E17
6E566684-10F7-4D49-A1A4-0EA7E554D8D8

使用第三方的库 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',
      ),
    );
  }
}