首先找到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的页面, 这是另外的故障, 需要修改一些配置, 在这里暂时不多加探讨。