写flutter插件,flutter 常用组件

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库看看别人是怎么写的

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

[img]

Flutter 使用插件实现双屏交互

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

插件地址: flutter_subscreen_plugin

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

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

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

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

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 插件,还有很多不完善的地方,如有错误请多多指导!

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

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

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

Github地址:

文章源地址:

br /

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

br /

br /

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

br /

br /

掘金文章地址:

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

br /

webview_flutter插件封装实践1 2022-06-10 周五

在Flutter中没有WebView组件,但是有官方提供的webview_flutter插件。

其实做的事情跟原生封装WebView组件类似。

分为url和HTML字符串两种方式

... ...

webview_flutter: ^3.0.4

Flutter应用开发之webview_flutter插件

flutter官方插件webview_flutter的使用示例

Flutter插件之webview_flutter简要使用说明


文章标题:写flutter插件,flutter 常用组件
浏览路径:http://hbruida.cn/article/dsopgss.html