Flutter Web 插件开发小记

最新推荐文章于 2024-04-12 17:22:02 发布

「已注销」

最新推荐文章于 2024-04-12 17:22:02 发布

阅读量452

点赞数

本文链接：https://blog.csdn.net/A669MM/article/details/104848441

版权

本文记录了Flutter Web插件的开发过程，包括创建插件项目，添加Web支持，实现平台间的通信，并展示了如何获取Web浏览器信息。通过在`pubspec.yaml`中配置平台依赖，创建`web/web_plugin.dart`文件并编写处理方法，成功实现在Web端运行插件并返回实际的浏览器版本。

摘要由CSDN通过智能技术生成

今天记录下FlutterWeb插件的开发，网上教程其实蛮多的。
但我想的是既然做插件，把各个端的都放在一个工程里面多好，然后我就尝试写了下：
首先，用AndroidStudio新建一个Flutter 插件项目。然后我们使用Web Chrome运行一下看看，界面如下：

很明显，WebPlugin.platformVersion, 在Web上是没有实现的。
接下来我们仿照一些大神分享的做法：
在插件的pubspec.yaml里面，找到dependencies,添加如下代码：
flutter_web_plugins:
sdk: flutter
复制代码在platforms下面，macos下面添加上web依赖类
plugin:
platforms:
android:
package: com.test.web_plugin
pluginClass: WebPlugin
ios:
pluginClass: WebPlugin
macos:
pluginClass: WebPlugin
复制代码修改后：
plugin:
platforms:
android:
package: com.test.web_plugin
pluginClass: WebPlugin
ios:
pluginClass: WebPlugin
macos:
pluginClass: WebPlugin
web:
pluginClass: WebPlugin #对应web插件的类名
fileName: web/web_plugin.dart #对应web插件的目录
复制代码然后我们到lib下新建web/web_plugin.dart这个文件，