Flutter插件的制作和发布

Flutter制作插件有两种方式（以下以android和ios为例）：

目录

  • 1.直接在主工程下的android和ios项目内写插件代码：
  • 2.创建独立Flutter Plugin项目，制作各端插件后，再引入项目：
    • 1. 创建Flutter Plugin：
    • 2. Flutter Plugin创建完成：
    • 3. 使用android studio打开主工程（example）下的android工程，编写安卓端插件代码：
      • 在onMethodCall中编写你自己的方法，我这里新增一个test方法：
      • 在实现类plugin_example_method_channel.dart中添加实现方法：
      • 在plugin_example.dart中添加调用方法：
      • 在main.dart中测试方法：
    • 4. 使用XCode打开主工程（example）下的ios工程，编写IOS端插件代码：
      • 执行flutter pub get
      • 修改sdk版本号
      • 配置flutter sdk路径
      • 删除 integration_test
      • xcode打开ios工程并编写代码
  • 发布插件

1.直接在主工程下的android和ios项目内写插件代码：

在这里插入图片描述
可以使用Android Studio和Xcode分别打开android和ios项目，并进行代码编写以及插件的引用，这种方式属于直接集成在自己的项目内，需自己定义插件名称，channel名称，以及flutter端和原生端通信的相关方法。

优点：
- 接入方式简单；
缺点：
- 接入过程稍麻烦，需要自己定义及编写通信相关代码；
- 对于通用插件无法直接提供给其它项目共享；

2.创建独立Flutter Plugin项目，制作各端插件后，再引入项目：

1. 创建Flutter Plugin：

在这里插入图片描述
注意圈着的部分，工程类型一定要选择Plugin，然后填写包名，选择开发语言，对于开发语言的选择有几点建议：如果你将要制作的插件没有引入第三方sdk，或者只引入了一些工具类的库，那么根据你熟悉或喜欢的语言随意选择；但如果你需要引入第三方sdk（特别是ios的sdk使用的是oc编写），建议选择java和oc，因为目前为止，大部分的第三方sdk仍然是以java和oc语言开发为主，这样你在参考sdk文档时，很多代码可以直接复制，会节省不少时间。

2. Flutter Plugin创建完成：

在这里插入图片描述
创建完成后，可以看到目录结构，plugin_example就是你的插件住工程，将来其它项目引入时就是引入的plugin_example，打开lib文件夹，有三个文件：

  • plugin_example.dart：插件外显名称（PluginExample，使用插件时new的插件对象）；
  • plugin_example_method_channel.dart：通信通道，主要在这里注册channel和调用原生方法；
  • plugin_example_platform_interface.dart：通信接口，plugin_example_method_channel是他的实现类，类似java的interface和impl；

示例中提供了一个获取当前系统平台版本号的一个方法getPlatformVersion，我们按照这个示例编写自己的方法即可，而plugin_example下的example工程则是插件使用示例项目，可以让你直接运行项目进行插件调试。

最终的插件代码使用示例：

import 'package:plugin_example/plugin_example.dart';
...
final _pluginExamplePlugin = PluginExample();
...
_pluginExamplePlugin.getPlatformVersion();

当前整个项目结构，是主工程被包含在了插件工程内部：

在这里插入图片描述

如果我有多个插件怎么办？一个主工程也不可能被多个插件包含啊！不用担心，插件的引用只需要你配置好引用路径即可，至于插件放在哪个位置那得看你自己了，一般的为了查看方便以及结构合理性，我们可以反过来，把插件放入主工程目录下，然后修改下引用路径即可（关闭AS，自行移动文件夹位置，然后修改引入路径）：

在这里插入图片描述

这样是不是看着就顺眼多了，引入的各个插件一目了然！

3. 使用android studio打开主工程（example）下的android工程，编写安卓端插件代码：

在这里插入图片描述

打开后可能需要等待AS配置安卓环境~

在这里插入图片描述

上面的android即插件工程，下面的android则是安卓主工程，现在你就可以打开插件主类编写代码了：

在这里插入图片描述

channel = new MethodChannel(flutterPluginBinding.getBinaryMessenger(), "plugin_example");

channnel的名称默认即可，跟你创建插件时填入的插件项目名称一致，最好不要修改！

在onMethodCall中编写你自己的方法，我这里新增一个test方法：

 else if (call.method.equals("test")) {String param = (String) call.arguments;Map<String, Object> map = new HashMap<>();map.put("code", 0);map.put("msg", "Test Success:" + param);result.success(map);
}

在plugin_example_platform_interface.dart中添加test方法：

  Future<Map?> test(param) {throw UnimplementedError('test() has not been implemented.');}

注意，Future<Map?>表示此方法返回值类型是Map，这个需要根据你自己的返回值类型而定，一般用Map最多，因为你可能不止返回一个参数！

在实现类plugin_example_method_channel.dart中添加实现方法：

  @overrideFuture<Map?> test(param) async {final map = await methodChannel.invokeMethod<Map>('test',param);return map;}

在plugin_example.dart中添加调用方法：

  Future<Map?> test(param) {return PluginExamplePlatform.instance.test(param);}

注意：当你增加方法后，test文件可能会报错，你可以根据提示添加方法，或直接将test删除即可！

在main.dart中测试方法：

我这里直接修改了原来获取版本的示例方法：

  Future<void> initPlatformState() async {Map? platformVersion = await _pluginExamplePlugin.test("123");if (!mounted) return;setState(() {_platformVersion = platformVersion.toString();});}

运行：

在这里插入图片描述

与插件方法返回一致，成功：

else if (call.method.equals("test")) {String param = (String) call.arguments;Map<String, Object> map = new HashMap<>();map.put("code", 0);map.put("msg", "Test Success:" + param);result.success(map);
}

4. 使用XCode打开主工程（example）下的ios工程，编写IOS端插件代码：

我们编写插件时应遵循一个原则，即先完成一端的插件编写，将所有需要使用的方法编写调试完成，再编写另一端。如我先将android端的插件编写完成，且flutter端的调用方法也已实现，那么在编写ios端代码时，就只用考虑实现andorid端编写的方法即可，方法编写完成，就可直接运行，因为flutter的调用逻辑都以实现！

我们在用xcode打开ios工程前，要确保你的mac中已经安装了flutter和cocoapods环境，因为flutter plugin是以pods方式集成的，确认没问题后，可以先使用mac端AS打开项目，并运行，这时AS会自动执行pod install，并自动配置项目的xcode环境。

执行flutter pub get

AS打开项目后，先执行flutter pub get 配置flutter环境：

在这里插入图片描述

报错了，意思是项目要求dart版本不能低于3.1.0，但我dart版本是3.0.6，这是因为如果你调试安卓和ios不在同一台电脑导致的，只需将主工程和插件工程下的pubspec.xml的sdk版本调低即可：

修改sdk版本号

environment:sdk: '>=3.0.0 <4.0.0'

再次执行flutter pub get，成功！但此时我们可能发现还是无法运行：

在这里插入图片描述

这是因为我们没有给该项目指定flutter sdk路径：

配置flutter sdk路径

在这里插入图片描述

这种情况经常出现在现在windows环境下调试安卓，然后又将项目发送到了mac上调试ios时出现！

指定完sdk路径，项目即可运行，点击运行，报错：

在这里插入图片描述
此时我们将test相关全部删除掉，没什么用，又经常报错，耽误时间（如果你需要test那另当别论）：

删除 integration_test

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

运行成功，但控制台报错找不到方法：

在这里插入图片描述
找不到方法就对了，因为我们还没开始编写ios端插件代码呢，此时便可使用xcode打开ios项目了：

xcode打开ios工程并编写代码

在这里插入图片描述

双击运行：

在这里插入图片描述

我们在PluginExamplePlugin.m中编写代码，实现test方法，在handleMethodCall方法中添加：

else if ([@"test" isEqualToString:call.method]) {NSString *param=call.arguments;result(@{@"code":@0,@"msg":[NSString stringWithFormat:@"Test Success:%@",param]});}

再次运行：

在这里插入图片描述
成功！

此时，一个完整的android和ios双端插件就只做完成了，当其他项目使用时，可以直接复制引入即可，若你想公开此插件，给更多人使用，那么就可以发布到https://pub.dev/上。

发布插件

终端进入插件根目录，执行命令：

flutter packages pub publish --dry-run

在这里插入图片描述

报错，意思是homepage没有设置，我们可以设置一下(可以设置为你的github项目地址)：

在这里插入图片描述
另外，你也可以为你的插件添加开源协议LICENSE，如果不知道怎么写，可以复制别人的，或者自己在github上创建一个带LICENSE的空项目复制进来，然后再次执行命令：

在这里插入图片描述

已经没问题了，可以发布了：

flutter packages pub publish --server=https://pub.dartlang.org

Do you want to publish plugin_example 0.0.1 to https://pub.dev (y/N)? 输入y：

在这里插入图片描述

复制链接在浏览器打开，登录谷歌账号就行插件相关配置操作…

…

此处省略一万字，如果你能解决qiang的问题，那么当出现Successfully uploaded package时，就表示插件已发布成功，你就可以进入https://pub.dartlang.org/packages/xxx查看你的插件了！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/84296.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Webpack打包CSS文件，解决You may need an appropriate loader to handle this file type报错

Webpack打包CSS文件，解决You may need an appropriate loader to handle this file type报错

在项目文件夹下创建webpack.config.js文件&#xff0c;该文件就是Webpack的配置文件 注意&#xff1a;该文件中遵循Node.js的代码格式规范 &#xff0c;需要对导出配置文件中的内容 Webpack在默认情况下只能打包js文件&#xff0c;如果我们希望他能够打包其他类型的文件&#…
阅读更多...
TCP并发服务器的多进程实现与多线程实现

TCP并发服务器的多进程实现与多线程实现

TCP并发服务器的多进程实现与多线程实现 一、 TCP并发服务器的多进程实现 代码 #include <my_head.h>#define SERVER_IP "192.168.125.11" // 服务器IP #define SERVER_PORT 6666 // 服务器端口// 子进程处理客户端信息函数 int deal_client_me…
阅读更多...
物联网安全优秀实践：2023年设备保护指南

物联网安全优秀实践：2023年设备保护指南

物联网的发展可谓是革命性的&#xff0c;数十亿台设备实时互连、通信和共享数据。因此&#xff0c;考虑物联网安全的最佳实践至关重要。 物联网的重要性日益上升 在数字时代&#xff0c;物联网(IoT)已成为一股革命力量&#xff0c;重塑了企业运营和个人生活方式。从调节家庭温…
阅读更多...
服务器租用机房机房的类型应该如何选择

服务器租用机房机房的类型应该如何选择

服务器租用机房机房的类型应该如何选择 1.单电信机房 单电信服务器机房业务模式比较固定&#xff0c;访问量也不是很大&#xff0c;适合新闻类网站或政务类网站。如果网站的PV流量持续增加&#xff0c;建议后期采用租赁CDN的方式解决非电信用户访问网站速度过慢的问题。 2.双线…
阅读更多...
一家美国公司被黑，一个拉美国家政务服务瘫痪

一家美国公司被黑，一个拉美国家政务服务瘫痪

政务系统承包商遭勒索攻击&#xff0c;导致哥伦比亚国家政务服务陷入瘫痪。 据报道&#xff0c;9月19日哥伦比亚的多个重要政府部门正在应对一次勒索软件攻击&#xff0c;官员们被迫大幅变更部门运作方式。 哥伦比亚卫生和社会保护部、司法部门、工商监管部门上周宣布&#x…
阅读更多...
堆的OJ题

堆的OJ题

&#x1f525;&#x1f525; 欢迎来到小林的博客&#xff01;&#xff01;       &#x1f6f0;️博客主页&#xff1a;✈️林 子       &#x1f6f0;️博客专栏&#xff1a;✈️ 小林的算法笔记       &#x1f6f0;️社区 :✈️ 进步学堂       &am…
阅读更多...
中国数据库走向国际的门槛： 15分钟准则

中国数据库走向国际的门槛： 15分钟准则

在十五分钟之内跑通第一条SQL 笔者曾经负责国内某Top云厂商的数据库的海外业务和产品设计。简单的说包括TP&#xff0c;AP&#xff0c;NoSQL和Utility的所有数据库相关产品&#xff0c;负责除中国大陆以外所有的业务和客户。三年时间撞墙的教训实在不少。 在官方宣传上&#…
阅读更多...
leetcode2 两数相加

leetcode2 两数相加

题目 给你两个 非空 的链表&#xff0c;表示两个非负的整数。它们每位数字都是按照 逆序 的方式存储的&#xff0c;并且每个节点只能存储 一位 数字。 请你将两个数相加&#xff0c;并以相同形式返回一个表示和的链表。 示例 输入&#xff1a;l1 [2,4,3], l2 [5,6,4] 输出…
阅读更多...
Scala 高阶：Scala中的模式匹配

Scala 高阶：Scala中的模式匹配

一、概述 Scala中的模式匹配&#xff08;case&#xff09;类似于Java中的switch...case&#xff0c;但是Scala的模式匹配功能更为强大。通过模式匹配&#xff0c;可以匹配更复杂的条件和数据结构&#xff0c;包括常量、类型、集合、元组等。而 Java 的 switch 语句只能用于匹配…
阅读更多...
算法分析与设计编程题 贪心算法

算法分析与设计编程题 贪心算法

活动安排问题 题目描述 解题代码 vector<bool> greedySelector(vector<vector<int>>& intervals) {int n intervals.size();// 将活动区间按结束时间的从小到大排序auto cmp [](vector<int>& interval1, vector<int>& interval2…
阅读更多...
YOLOv5，YOLOv8添加ASFF（自适应空间特征融合）

YOLOv5，YOLOv8添加ASFF（自适应空间特征融合）

ASFF&#xff1a;Adaptively Spatial Feature Fusion (自适应空间特征融合) 论文来源&#xff1a;Learning Spatial Fusion for Single-Shot Object Detection 代码地址&#xff1a;ASFF 1.背景 不同特征尺度之间的不一致性是基于特征金字塔的单阶段检测器的主要缺陷。 本文…
阅读更多...
服务器环境的关键组成部分

服务器环境的关键组成部分

服务器环境是指服务器硬件和软件组成的整体环境&#xff0c;包括操作系统、网络配置、数据库、Web服务器软件、应用程序等。它提供了服务器运行和支持所需的基本条件和组件。 以下是服务器环境中的一些关键组成部分&#xff1a; 操作系统&#xff1a;服务器环境通常基于某种操…
阅读更多...
QT : 完成绘制时钟

QT : 完成绘制时钟

1.头文件 #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QPainter> #include <QTimer> #include <QTime> #include <QPaintEvent> #include <QDebug> #include <QBrush>QT_BEGIN_NAMESPACE namespace Ui { class…
阅读更多...
【VastbaseG100】 FATAL: The account has been locked.

【VastbaseG100】 FATAL: The account has been locked.

使用VastbaseG100 数据库&#xff0c;查询数据报错。 org.postgresql.util.PSQLException: FATAL: The account has been locked. 帐户已被锁定。 解锁账户呗 ALTER ROLE doc ACCOUNT UNLOCK;ALTER ROLE 用户名 ACCOUNT UNLOCK; 修改密码 ALTER ROLE doc IDENTIFIED BY ZhangS…
阅读更多...
css3动画基础详解（@keyframes和animation）

css3动画基础详解（@keyframes和animation）

动画是使元素从一种样式逐渐变化为另外一种效果&#xff0c;CSS3动画的生成&#xff0c;主要依赖keyframes定义动画&#xff0c;animation执行动画。 keyframes 通过 keyframes 规则创建动画。 keyframes keyframes-name {keyframes-selector {css-styles;}}keyframes-name 帧…
阅读更多...
SpringBoot工程模板

SpringBoot工程模板

spring脚手架&#xff1a;https://start.spring.io/ <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocati…
阅读更多...
Git小乌龟不弹add push commit的方法

Git小乌龟不弹add push commit的方法

1.关于使用Git小乌龟无法弹出Add菜单的问题 第一次使用小乌龟软件&#xff0c;发现可以正常将程序从Gitee仓库中克隆到本地&#xff0c;但是在将本地的程序上传到Gitee仓库中时&#xff0c;TortoiseGit无法弹出Add那一系列菜单&#xff0c;如下图所示&#xff1a; 2.解决方法 …
阅读更多...
开源日报 0821：帮你修复老旧照片

开源日报 0821：帮你修复老旧照片

这篇文章总结了几个开源项目的特点和优势。其中包括了 Python 资源列表、金融研究工具、动画精灵程序、游戏和旧照片修复项目等。这些项目提供了丰富的功能和技术支持&#xff0c;用户可以根据自己的需求进行定制和改进。总的来说&#xff0c;这些开源项目为开发者和用户提供了…
阅读更多...
信息化发展55

信息化发展55

数据备份 1 、数据备份是为了防止由于用户操作失误、系统故障等意外原因导致的数据丢失&#xff0c; 而将整个应用系统的数据或一部分关键数据复制到其他存储介质上的过程。这样做的目的是保证当应用系统的数据不可用时&#xff0c; 可以利用备份的数据进行恢复&#xff0c;尽…
阅读更多...
安防视频/视频汇聚平台EasyCVR使用onvif探测添加设备通道详细步骤来啦！

安防视频/视频汇聚平台EasyCVR使用onvif探测添加设备通道详细步骤来啦！

视频云存储/安防监控EasyCVR视频汇聚平台基于云边端智能协同&#xff0c;支持海量视频的轻量化接入与汇聚、转码与处理、全网智能分发、视频集中存储等。音视频流媒体视频平台EasyCVR拓展性强&#xff0c;视频能力丰富&#xff0c;具体可实现视频监控直播、视频轮播、视频录像、…
阅读更多...
最新文章

Copyright @ 2022~2023