<>简介

在移动应用开发中,经常会遇到加载网页的需求,打开网页通常有两种方式,即在应用内使用内置的组件打开和使用系统自带的浏览器打开。不过,在Flutter应用开发中,由于官方并没有提供类似Webview的网页加载组件,所以如果项目中涉及网页加载需要使用第三方插件库,如webview_flutter、flutter_webview_plugin等。

其中,webview_flutter是Flutter官方开发和维护的网页加载插件库,而flutter_webview_plugin则是Flutter开源社区推出的网页加载插件。两个插件功能都差不多,都支持加载本地html文本、Flutter调用js以及js调用Flutter等,但是我建议使用官方推出的插件,因为它会持续的跟进已知的问题。

和其他Flutter插件的使用方式一样,使用webview_flutter之前需要先在pubspec.yaml文件中添加依赖脚本,如下所示。
dependencies: webview_flutter: ^0.3.22+1
然后,我们使用flutter packages get命令将webview_flutter插件拉取到本地后,就可以使用它进行网页加载开发了。

<>基本使用

如下所示,是WebView组件的构造函数。
WebView({ Key key, this.onWebViewCreated, //WebView创建完成之后的回调 this.initialUrl,
// 初始化 URL this.javascriptMode = JavascriptMode.disabled, //JS执行模式,默认是不调用
this.javascriptChannels, // JS可以调用Flutter 的通道 this.navigationDelegate, // 路由委托,

技术
©2020 ioDraw All rights reserved
哇靠靠,这也行?零基础DIY无人驾驶小车(二)通讯流程图Android 原生项目集成 FlutterPython绘制的爱心树与表白代码你知道Python基础包含哪些内容?学习什么吗?世界上第一个成像探测器运用激光和声音探测癌细胞JWT expired at 2021-03-08T14:02:47+0800. Current time: 2021-03-08T14:03:12+0800Python基于Django学生教务选课系统设计智慧城市发展情况及未来Angular添加自定义属性并绑定一个变量