发布了 85 篇内容
共 23.6字, 被阅读 15827次
获得了 11 次赞同
获得了 5次喜欢, 获得了 6 次收藏
参与了 74 次互动
互动包含发布评论、点赞评论、参与投票等

Flutter 实现爱心三连动画效果
本篇介绍了 Flutter 动画构建类 Animation 和 AnimationController 的使用,通过这两个类可以实现很多基础动画效果,例如常见的进度条、缩放、旋转、移动等。

❤️❤️❤️爱了爱了!这样的文字动画让你爱不释手!
animated_text_kit 是一个非常受欢迎的文字动画库,在 pub 上收获了超过 2000 个喜欢,Github 上贡献者 22 人,收获了 1.2k Star,可以说十分强大的。更重要的是它的使用非常简洁,文档完善,基本上拿来即用,喜欢的朋友赶紧用起来,让你的文字酷炫起来!

聊聊 Dart 的空安全 (null safety) 特性
从编码的角度来说,null safety 特性实际上增加了编码的工作量。但是 null safety 更像是一个强制的约定,要求接口或类明确参数或属性的是否为空,从而可以简化协作,提高代码的健壮性。

🚩🚩🚩建议收藏!!Flutter 状态管理插件哪家强?请看岛上码农的排行榜!
多维度对比 Flutter 状态管理插件,看看哪个状态管理插件更厉害!

使用 RepositoryProvider 简化父子组件的传值
RepositoryProvider 借用 Provider 实现了一个组件树上的局部共享对象容器。通过这个容器,为 RepositoryProvider 的子组件树注入了共享对象,使得子组件可以获取共享对象。通过这种方式避免了组件树的层层传值,使得代码更为简洁和易于维护。

使用 BlocConsumer 同时构建响应式组件和监听状态
BlocConsumer 这种聚合了 BlocBuilder 和 BlocListener 的方式在这种场景下的代码层级更清晰,也易于维护。

Flutter 退出当前操作二次确认怎么做才更优雅?
有了 BlocListener,我们可以实现类似后置拦截器的效果,在状态改变后做一些额外的的处理,比如提示信息,或者是做数据的上传、离线存储等。通过这种方式处理,可以降低业务代码的耦合度。

使用 BLoC 构建 Flutter 的页面实例
BlocBuilder 的使用还是挺简洁的,通过用户行为触发事件,然后响应事件,在状态管理中返回一个新的数据对象来触发界面刷新。

BlocProvider 为什么感觉和 Provider 很相似?
本篇介绍了 BlocProvider 的使用,从写法上来看,感觉不到太多的优势,个人估计这是作者想让 Provider 的用户可以直接切换到 BlocProvider 才提供了这么一个 Provider 的替代品。

不到 40 行代码手撸一个 BlocProvider
本篇使用 BLoC 实现简单状态管理的 SimpleBLocProvider,这个自定义的 BlocProvider 不到 40 行,当然这个代码距离实际使用还有差距,但是对于了解一下这些第三方状态管理插件的实现机制非常有帮助。

GitHub 高赞的 Flutter 状态管理插件 BLoC 简介
Bloc 本身的业务逻辑和界面完全无关,这使得我们可以直接编写测试代码,而无需依赖界面,如同本篇的 main 方法中的代码其实就可以作为单元测试代码来验证业务逻辑是否正确。这使得 Bloc 构建的应用程序的可维护性会更好。

Flutter 中的 GetX 状态管理用起来真的那么香吗?
GetX 不论是在 pub 上还是在 Github 上都非常受欢迎,作为一个功能丰富的插件,它真的那么好吗?本篇来一个客观的分析。
最新评论
使用 BLoC 构建 Flutter 的页面实例
万字长文!一文搞懂 InheritedWidget 局部刷新机制
万字长文!一文搞懂 InheritedWidget 局部刷新机制
Dio —— Flutter 网络请求之王者
Mac 配置 Flutter 安卓开发环境