flutter加入插件,flutter 自定义组件

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Flutter插件汇总，总有一个用得着，已收录：100+

❀ ❀ 尽可能收集好用的插件以便更快的开发效率，85%亲测，持续添加中

如果有好的插件或者建议，可以直接评论 ❀❀

Github地址：

文章源地址：

br /

?? 尽可能收集好用的插件以便更效率的开发，85%亲测，持续添加中

br /

如果有好的插件或者建议，可直接提Issue 感谢您的分享 ~ ❀❀

br /

掘金文章地址：

br /

相关问答

Q1: flutter插件发布及问题解决

1，执行 flutter pub publish--dry-run 检查是否具备发布条件

遇到的问题1：

It‘s strongly recommended to include a “homepage“ or “repository“ field

解决方案：在 pubspec. yaml 中配置主页 homepage 地址 :

homepage:

可参考：

2，执行 flutter pub publish--server= 发布

如果执行flutter pub publish发布的话会遇到以下错误，国内还是用 flutter pub publish--server= 来发布

package repository requested authentication! You can provide credential using:pub token add

问题1：It looks like accounts.google.com is having some trouble. Pub will wait for a while before trying to connect again. OS Error: Operation timed out, errno = 60, address = accounts.google.com, port = 53481 pub finished with exit code 69

原因：

1、国内墙；

2、flutter环境配置添加了国内镜像

解决方式：

1、翻墙；

2、屏蔽环境变量里关于flutter的国内镜像；

屏蔽方式如下：

# export PUB_HOSTED_URL=

# export FLUTTER_STORAGE_BASE_URL=

3、设置终端代理命令(这个是我解决的方式)，这个非常重要，不然就会报上面超时错误了

如果出现：Flutter pub finished with exit code 1

解决方式：flutter packages pub publish --server=

此问题原文链接：（毕竟要尊重版权）

问题2：LICENSE这个文件中不能有TODO，也不能为空，可找个flutter库看看别人是怎么写的

Q2: Flutter 56: 图解自定义 BubbleWidget 气泡插件

小菜在学习时需要用到气泡效果，为了更加灵活，小菜封装了一个简单的 flutter_bubble 气泡插件，方便日常的使用；

小菜准备用 Canvas 的 drawPath 进行绘制，主要分为三个部分，圆角弧线，普通直线，尖角折线，均可由 drawPath 自带方法绘制；小菜以前整理过关于 Canvas 绘制的小博客，实现很简单；

小菜绘制了一个简陋的原型图，整体黑框为 Bubble Widget 整体范围；蓝色圆弧为圆角位置；红色尖角可根据上下左右参数进行配置，且只可展示一个，尖角的高度和角度可自由配置，当确定一个尖角位置时，其余三个方向宽高延伸到黑框部分；而橙线则是连接圆角与尖角等直线；中间空余部分为子 Widget 位置； Tips: Child Widget 宽高小于等于 Bubble Widget ；

首先在边角处绘制四个圆弧，直接用 arcTo 即可，需要注意的是：小菜整体以 drawPath 方式实现，准备从左上角开始顺时针绘制，所以绘制圆弧时也是顺时针方向；

小菜理解， Rect 为绘制圆角的矩形，包括位置及大小； startAngele 为起始角度； sweepAngle 为绘制弧形角度；小菜需要的四个圆弧大小均为 pi/2 ，只需调整矩形位置与起始角度即可；

其次绘制尖角，小菜的尖角是由 lineTo 两段直线拼接起来的，只需要处理起点与终点即可；小菜为了更加灵活，可以设置尖角高度与尖角角度(0 ~ 180)，通过三角函数进行计算；

最后就是将处理好的连接起来，小菜为了适应更多场景，尖角位置也可自由配置，长度为到圆角的距离，默认为边框中间位置；

小菜将配置逻辑编辑好发布到 Pub 库，基本 BubbleWidget 便完成，简单分析一下可配置项；

自定义 Bubble Widget 是小菜发布的第二款 Pub 插件，还有很多不完善的地方，如有错误请多多指导！

Q3: Flutter 插件问题（引入插件同时存在静态库与swift）

前提：Flutter 项目中引入使用多个插件，内含有swift与静态库时出现的一系列问题

问题一、swift插件缺少设置swift的版本号

解决方案：在Xcode中打开项目Targets—builds settings —user-defined

在user-defined内添加一行：SWIFT_VERSION（版本号视当前版本号为准）

问题二、静态库

看到网上好多的解决方法是删除掉或者添加上Podfile中的use_frameworks!,实测与此无关,错误信息忘记截图啦?，大体就是pod install 时出现无法install之类的信息

正解方法是找到相关错误插件内的podspec文件，添加s.static_framework = true

Q4: Flutter 使用插件实现双屏交互

本文将为大家讲解如何通过pub库插件快速实现Flutter应用在双屏Android设备上交互通信。

插件地址： flutter_subscreen_plugin

双屏插件实现原理： FlutterPlugin 实现双屏

主屏上的UI，我们添加一个按钮，点击生成一个随机数，发送给副屏显示，用于验证主屏与副屏的通信交互：

副屏ui上我们在initState中监听主屏给副屏的消息流，并将监听到的数据展示在文本上：

完成上述步骤，简单的demo就做好了，如下是demo在实体设备的运行效果图：

Q5: Flutter 蓝牙插件 flutter_blue 坑点记录

Android：

添加蓝牙/定位权限

文件地址:Flutter项目文件夹/android/app/src/main/java/AndroidManifest.xml

iOS：

添加蓝牙权限

文件地址:Flutter项目文件夹/ios/Runner/Info.plist

运行Flutter 在Android端安装的时候Androidstudio提示这个错误：

原因：出现这个错误的原因是我引入的第三方库最低支持版本高于我的项目的最低支持版本，异常中的信息显示：我的项目的最低支持版本为，而第三方库的最低支持版本为x），所以抛出了这个异常。

解决办法：文件地址:Flutter项目文件夹/android/app/src/main/java/AndroidManifest.xml

中添加

问题出现在Android端，连接蓝牙设备后，匹配特征值的时候

报：set_notification_error，编写描述符时出错。

原因：

我个人的分析，设备是使用标准的Android API用于蓝牙，必须等待回调，该回调表明之前的GATT操作已完成（onDescriptorWrite），直到可以编写下一个描述符以启用特征通知。也就是程序有个通过特征性UUID比较的工作顺序，由于信号不好，或者是信号缓冲之类的原因，造成蓝牙可能流程一步一步走不下来。

解决：

setNotifyValue(true) 添加延时操作