一个最简单的app嵌套webview的案例代码

首先找到flutter项目根目录下的pubspec.yaml, 在里面添加一行webview的组件, 类似这样:

dependencies:
  flutter:
    sdk: flutter
  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.2
  flutter_webview_plugin: ^0.3.0+2

dev_dependencies:
  flutter_test:
    sdk: flutter

上述代码中, 支架了flutter_webview_plugin这一行。注意，是在dependencies的缩进区域布置的, 别搞错了...

找到flutter项目目录/lib/main.dart这个文件, 代码如下:

import "package:flutter/material.dart";
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

void main()=>runApp(MyApp());

class MyApp extends StatelessWidget
{
  @override
  Widget build(BuildContext context)
  {
    return new MaterialApp(
      routes: {
        "/": (_) => new WebviewScaffold(
          url: "https://www.baidu.com",
          appBar: new AppBar(
            title: new Text("Widget webview"),
          ),
        )
      },
    );
  }
}

在测试的时候, 你可能会发现大于8.0版本的android系统无法读入网页, ios有时候不读非https的页面, 这是另外的故障, 需要修改一些配置, 在这里暂时不多加探讨。