岛上码农
Flutter爱好者,上架过百万级用户App(App Store分类排名前30),搞过后端开发。
展开
-
推荐一个简单实用的可拖拽的 GridView 组件
在我们日常开发中,使用GridView这种网格视图的场合还是不少的,比如照片墙、九宫格等等。有一个场景就是需要对网格的元素进行拖拽排序,这个时候 Flutter 自带的GridView就无法满足了。本篇我们来介绍一个支持拖拽的GridView组件,可以轻松搞定网格视图的拖拽排序,这个组件就是。本篇向大家推荐了一款简单实用的可拖拽GridView组件,基本上可以满足我们大部分支持拖拽的网格视图应用。大家如果有用过类似的组件,也欢迎在评论区推荐一下。原创 2023-08-10 14:14:03 · 402 阅读 · 0 评论 -
像支付宝那样“致敬”第三方开源代码
通常我们在 App中会使用第三方的开源代码,按照许可协议,我们应该在 App 中公开使用的开源代码并且附上对应的开源协议。当然,实际上只有少部分注重合规性的大厂才会这么干,比如下图是支付宝的关于界面的第三方信息。当然,对于小企业,基本上都不会放使用的第三方开源代码的任何信息。不过,作为一个有“追求”的码农,我们还是想对开源软件致敬一下的,毕竟,没有他们我都不知道怎么写代码。然而,我们的 App 里用了那么多第三方开源插件,总不能一个个找出来一一致敬吧?怎么办?原创 2023-08-05 21:15:16 · 293 阅读 · 0 评论 -
Flutter 搞定宽高不统一的布局开发
我们在开发移动端界面的时候,经常会遇到一组尺寸不一的组件需要作为同一组展示,典型的就是下面这种搜索历史。搜索内容的文字长短不一,导致显示的宽度不一致。而且,需要根据屏幕的宽度来自动换行显示。原创 2023-07-16 21:47:04 · 649 阅读 · 0 评论 -
Flutter 使用 ORM 框架管理数据库版本升级
使用 ORM 管理Flutter 本地的数据表结构变化的实例文章,可以支持多版本的迁移。原创 2023-07-02 17:53:44 · 777 阅读 · 0 评论 -
Flutter 使用 ORM 框架简化数据库管理
通过 ORM框架让 Flutter 的本地数据库管理超级简单!原创 2023-04-20 20:24:28 · 603 阅读 · 1 评论 -
Flutter 本地SQLite数据库版本升级处理
在 sqflite 中,会自动根据本地的数据库版本和当前的数据库版本进行对比,如果本地版本低于当前的数据库版本就会调用 onUpgrade 方法处理版本升级,比如字段变更,数据迁移等。原创 2023-04-08 18:28:10 · 675 阅读 · 0 评论 -
玩转 Flutter 的SQLite本地数据库
本篇通过一个完整的备忘录实例讲解了在 Flutter 中如何使用 sqflite 实现结构化数据本地存储。原创 2023-04-02 15:21:43 · 605 阅读 · 0 评论 -
Flutter 本地存储 —— 基本的键值对存储
Flutter 实现简单的键值对存储实例教程!原创 2023-03-26 17:13:12 · 439 阅读 · 0 评论 -
屌炸天 — 国外同行这样用ChatGPT提高Flutter开发的效率
作为一个Flutter的开发者,我们肯定希望能够寻求手段来改进开发效率,让开发工作更顺畅。现在,Chat GPT能够帮我们达到这个目的了。本篇,我们将向你展示如何使用Chat GPT提高Flutter开发者的效率。可以看到,Chat GPT是一个可以大幅提升Flutter 开发者生产力的伟大工具。在本文的案例中,Chat CPT成功搞定了我们的需求。原创 2023-03-19 20:29:52 · 4339 阅读 · 0 评论 -
Flutter 增强版的页面悬浮按钮(FloatingActionButton)
安利一个可以增强Flutter 自带的 FloatingActionButton 的组件,点击后可以展开更多操作,简单易用。原创 2023-02-05 17:06:17 · 1861 阅读 · 0 评论 -
介绍一个令强迫症讨厌的小红点组件
小红点,然后让强迫症用户“没法活”。 为了 KPI,程序员也不得不实现这样令人讨厌的功能。本篇介绍能让你轻松搞定小红点的 Flutter 组件 —— Badge。原创 2023-01-28 17:22:25 · 559 阅读 · 0 评论 -
我用了几行代码就实现了界面变灰效果
界面通过后台开关变灰,只需要几行代码搞定!原创 2022-12-15 20:20:21 · 4630 阅读 · 0 评论 -
花里胡哨的文字特效,你学会了吗?
通过 ShaderMask 组件我们可以对子组件进行着色,从而改变子组件原来的颜色,实现如渐变色填充、图片填充等效果。原创 2022-12-06 21:30:29 · 500 阅读 · 0 评论 -
Flutter 这个评分组件用起来真香
使用起来很简单但很强大的评分组件,能够覆盖绝大部分的评分使用场景。可以利用该组件来节省我们开发的时间,而且体验也可以根据需要来定制。原创 2022-12-02 19:42:47 · 2114 阅读 · 0 评论 -
这一篇让你搞定 Flutter 的数据表格
墙裂推荐!使用 DataTable 搞定基础数据表格,使用 SfDataGrid 几乎能满足所有复杂表格的开发。原创 2022-11-25 16:31:48 · 1980 阅读 · 0 评论 -
Flutter 实现用户偏好标签设置
通过InputChip组件轻松实现偏好标签设置。原创 2022-11-08 08:24:26 · 568 阅读 · 0 评论 -
使用 Flutter 轻松实现短视频上滑翻页效果
我们在短视频应用中经常会看到不停上滑浏览下一条视频的沉浸式交互效果,这种交互能够让用户不停地翻页,直到找到喜欢的视频内容,从而营造一种不断“搜寻目标”的感觉,本篇介绍如何在 Flutter 实现。原创 2022-10-23 20:03:18 · 2015 阅读 · 0 评论 -
Flutter 绘制 3D 效果动画
基于三维变换可以实现3D效果图形的绘制和实现3D 动效,这在有些特殊绘制的场景中或增添趣味性十分有用。原创 2022-09-19 19:49:44 · 1494 阅读 · 0 评论 -
封装一个有趣的 Loading 加载动画组件
通过绘图和动画实现有趣的loading效果,并完成组件的封装,使得组件可以开箱即用。在实际应用过程中可以根据需要,修改源码实现其他有趣的loading效果。原创 2022-09-05 21:24:05 · 7874 阅读 · 1 评论 -
普通的加载千篇一律,有趣的 loading 万里挑一
看太多普通的“转圈”加载效果了,是不是觉得太单调?本篇带你实现几个有趣的 loading 动效,做一个有趣味的程序员!原创 2022-08-29 21:27:18 · 751 阅读 · 0 评论 -
看完这篇,你也可以画出有趣的动态曲线
利用 Flutter 的 PathMetric可以获取绘制路径的属性和子路径,通过这种方式就可以实现有趣的动态曲线绘制。原创 2022-08-25 20:26:35 · 509 阅读 · 0 评论 -
由点汇聚成字的动效炫极了
通过随机散乱的圆点最后组合成了想要的文字,这样的动画效果酷炫极了。看看如何通过点阵构建想要的文字和图形,还可以搞定酷炫的动画。原创 2022-08-17 21:25:19 · 821 阅读 · 0 评论 -
给灭霸点颜色看看
防止灭霸打响指毁灭地球一半的人,我们要给灭霸点颜色看看!通过绘图颜色过滤器,我们要给灭霸点 Color see see。原创 2022-08-15 21:04:44 · 712 阅读 · 0 评论 -
Flutter 绘制美不胜收的光影流动效果
谁说代码就一定是枯燥无趣的?用代码绘制一场变幻的“光影秀”,在光影流动中感受编程之美,让写代码带给我们更多的趣味。原创 2022-08-08 19:36:33 · 1507 阅读 · 0 评论 -
Flutter 实现背景图片毛玻璃效果
我们来看看如何使用 CustomPaint 实现毛玻璃背景图效果。毛玻璃背景图其实就是将图片进行一定程度的模糊,背景图经过模糊后更加虚幻,使得前景和后景就会有层次感。原创 2022-08-04 20:48:05 · 2229 阅读 · 0 评论 -
Flutter 实现光影变换的立体旋转效果
利用图片的光影效果,配合动画实现立体旋转效果,探索 Flutter 的绘图的精妙之处,发掘编程之美!原创 2022-08-01 22:33:48 · 1054 阅读 · 0 评论 -
手把手教你实现一个流动的渐变色边框
手把手教你自定义绘制渐变色边框,并通过动画实现流动的效果,绘图加动画组合能够实现很多既有创意又有取的效果!原创 2022-07-28 19:46:26 · 910 阅读 · 0 评论 -
让你的聊天气泡丰富多彩
聊天气泡背景色太单一?本篇利用绘图实现多彩的气泡渐变背景色,随着滚动位置不同气泡颜色也不同,让你的聊天气泡丰富多彩!原创 2022-07-26 22:07:50 · 698 阅读 · 0 评论 -
Flutter 通过拖拽调整绘制图形
本篇介绍了如何通过拖拽调整曲线绘制的控制点来调整图形,实际上很多绘图都可能用到拖拽式的控制点位的调整,比如电子围栏的设置。原创 2022-07-21 15:41:54 · 971 阅读 · 3 评论 -
Flutter 实现爱心三连动画
构建爱心三连动画,详解Flutter 动画类 Animation 和 AnimationController 的使用。原创 2022-04-12 22:11:20 · 875 阅读 · 0 评论 -
爱了爱了,这样的文字动画让你爱不释手
看一眼就会爱上,这样的文字动效让你爱不释手!简单易用,快速集成,瞬间可以让应用的文字拥有酷炫的效果!原创 2022-04-11 21:18:42 · 433 阅读 · 0 评论 -
通过屏幕交互绘制贝塞尔曲线
之前几篇我们介绍了贝塞尔曲线的原理、绘制曲线和动效实现,这些都是代码预设好的,如果我们要根据需要自行绘制曲线,就需要使用交互来实现了。本篇我们先来介绍简单的交互式绘图。原创 2022-07-18 20:33:54 · 557 阅读 · 0 评论 -
Flutter 绘制非常有趣的贝塞尔曲线动画
动画加贝塞尔曲线,能玩出新花样?本篇使用 Flutter 的动画来控制贝塞尔曲线,探索一下两者组合的绘制趣味性!原创 2022-07-15 19:46:50 · 738 阅读 · 0 评论 -
用贝塞尔曲线玩出来的花样简直不要太美
三阶贝塞尔曲线绘制的曲线更为平滑,而且可以通过不同的组合绘制精美的图案出来,这也让我们体会到了贝塞尔曲线的美。原创 2022-07-13 19:17:04 · 717 阅读 · 0 评论 -
使用二阶贝塞尔曲线画爱心
二阶贝塞尔曲线绘制爱心的实例,可以用来绘制一些简单的图形,如果要更漂亮的方式,那么使用三阶贝塞尔曲线更合适。原创 2022-07-10 21:45:17 · 962 阅读 · 0 评论 -
这一篇让你彻底搞懂贝塞尔曲线的原理
贝塞尔曲线不懂画?不知道怎么回事?看这一篇就够了!用图形,点曲线运动图和公式推导,让你彻底搞懂贝塞尔曲线的运行原理!原创 2022-07-07 20:38:06 · 533 阅读 · 0 评论 -
Flutter 绘制波浪移动动画效果,曲线和折线图
掌握了线条绘制方法后,我们可以绘制各类曲线或折线,如果耗费点时间,也可以做出漂亮的图表效果来。原创 2022-07-04 20:36:12 · 1686 阅读 · 0 评论 -
用 Flutter 的 Canvas 画点有趣的图形
本篇介绍了基于 Flutter 的 CustomPaint 绘制定制化图形的示例,可以看到,其实只要 UI 小姐姐给出的图形能够用数学表达式表示出来,都可以用 Canvas 实现!原创 2022-06-30 21:14:09 · 795 阅读 · 0 评论 -
Flutter 使用 CustomPaint 绘制基本图形
本篇介绍了 CustomPaint 绘制基本图形的方法和示例,实际上 Flutter 的 Canvas 提供了很多其他绘制图形的方法,如绘制线条,绘制圆角矩形,绘制文本等等,有兴趣的可以参考官网的说明文档查看各个方法的使用。...原创 2022-06-27 20:01:57 · 762 阅读 · 0 评论 -
初识 Flutter 的绘图组件 — CustomPaint
本篇介绍了 Flutter 绘图组件 CustomPaint 的基本使用,可以看到 CustomPaint 使用起来并不复杂。原创 2022-06-23 20:18:48 · 655 阅读 · 0 评论