android 嵌套webview,一个最简单的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的页面, 这是另外的故障, 需要修改一些配置, 在这里暂时不多加探讨。