Flutter爱好者,公众号:岛上码农
小王在成为老王之前,为人处事很谨慎。譬如说,他有了女朋友,他呢又想让别人知道自己有女朋友了,但是又不想让别人知道自己的女朋友是谁……
本篇完成了整个动态管理的业务逻辑,包括了新增、删除、编辑、查看次数等功能。通过 GetIt 容器管理插件及接口定义,可以很简单快速地完成页面之间的数据同步。
本篇介绍了在 Flutter 中如何选择图片文件,图片选择组件的封装和如何将图片上传到后台。通过本篇,可以了解Flutter 构建应用时的图片上传过程。
本篇介绍了新增数据页面的示例,同时对于编辑和添加的页面重复部分通过封装共用的表单组件简化了页面结构和提高复用性。
贝塞尔曲线不懂画?不知道怎么回事?看这一篇就够了!用图形,点曲线运动图和公式推导,让你彻底搞懂贝塞尔曲线的运行原理!
我们经常为写注释而烦恼,觉得写注释有点浪费时间。实际上,如果用好了代码命名,可以节省很多写注释的时间。
本篇介绍了 Flutter 列表 ListView的4个优化要点,非常实用,让你的列表不再卡顿,丝般顺滑!
改善 StatefulWidget性能,你不得不知道这些!从原理说明 StatefulWidget 性能的关键要素,并给出了性能优化注意要点。
一旦用到动画,曲线 Curve 类不可避免会用到,但是用了那么多,你真的了解怎么用吗?本篇为你详细解读 Curve 类的实现,看完你就会设计自己的动画曲线了!
本篇介绍了详情数据的获取,实体对象的部分修改来展示 Dio的 patch 请求。可以看到,Dio 提供的一系列 Restful 请求的方式基本相同,可以做到更好的封装。
本篇介绍了使用 Delete 请求删除后台数据操作,以及网络请求异常捕获处理。同时,引入了长按弹窗插件来实现列表项长按后弹出操作菜单。
窥一貌而知全部,作为网络请求框架, dio不仅简单易用。而且还具备强大的高级功能。本篇对dio做了基本的介绍以及获取列表数据的示例。
Flutter使用 ListView 完成列表的构建,界面实现的关键工作实际是布局子元素的拆分。剩下的实现方式存在多种,看各人喜好。但是,需要注意避免过多嵌套导致代码不好维护,并需要提高复用性。
总的来说,Flutter 2.0的路由管理相比1.0版本复杂很多也更强大,对于非 Web应用来说可以继续沿用1.0的路由,对于 Web 应用或大型移动应用可以考虑2.0路由。
Flutter 路由2.0做了较大改动,引入很多中间类来分离路由的各自职责,目的更多的是为了 Web 端的复杂路由应用。1.0版本的路由可以继续用,但2.0的扩展性会更好,不过也更复杂。
本篇介绍了利用 Fluro 路由管理实现路由权限拦截的两种方式,两种方式各有好处,使用过程中可以根据实际情况决定使用哪一种方法。
本篇带你如何完成个性化的页面切换。Flutter本身提供了不少预定义的转场动画,可以设计多种多样的转场动画实现个性化的转场效果。
fluro 提供了滑入、渐现、全屏对话框、原生等多种转场动画形式,同时还支持自定义转场动画。借助转场动画可以提高用户体验。
fluro 是 Flutter 优秀的路由管理器,支持路由路径中携带路径参数和 query 参数,可以更灵活地进行页面参数的传递和转场动画。
实际进行页面跳转经常需要传递参数,本篇介绍了如何传递参数,以及页面如何获取路由参数。同时,路由拦截器除了拦截路由以外,还可以拦截路由参数并进行修改后再跳转。
直接使用页面跳转会带来诸多缺陷,通过路由管理可以降低页面耦合,提高代码的可维护性和权限控制。本篇介绍了 Flutter 的路由管理和拦截实现。
本篇介绍了 CustomScrollView 的基本用法以及 SliverAppBar 的使用,通过 SliverAppBar 可以让导航栏的滑动更有趣。
本篇介绍了底部弹窗实现多选的方式,其中实现的方式还可以有很多种,例如直接在自定义组件中使用有状态组件。这里介绍的方法可以作为一个参考,通过动态构建有状态组件能够简单快速地实现底部弹窗的多选功能。
本篇介绍了三种 ModalBottomSheet 的方式,实际开发过程中,还可以根据需要,利用 ModalBottomSheet的 builder 方法构建自定义的底部弹窗,满足业务需要。
封装一个通用的文本框,提高组件的复用性。
登录页面在 App 开发中非常常见,本篇借登录页面的开发介绍了文本框 TextField组件的使用,同时使用文本框的装饰属性实现了个性化文本框设置。
网传微信支付页面的第三方链接一个格子需要广告费1一个亿,微信支付页非常适合做功能导航,本篇使用 ListView和 GridView 模仿微信支付页面
在 Flutter 中,cached_image_network 即提供了缓存网络图片功能,同时还提供了丰富的加载过程指示,可以大幅提升图片加载过程的体验和降低服务器资源占用。
在实际的 App 中,下拉刷新和上滑加载更多是非常常见的交互形式。在 Flutter 中,有 flutter_easyrefresh开源插件用于实现下拉刷新和上滑加载更多。本篇介绍了有状态组件和 flutter_easyrefresh 的基本应用,同时使用模拟的方式完成了异步数据加载。
App 开发过程中,肯定希望给用户带来一致的体验,这其中最基础的就是色调、字体保持一致。在 Flutter 中,可以设置全局的主题色调和字体,从而在其他页面引用主色调和字体,实现页面展示层面的一致。
详细讲解如何用 Flutter 构建一个底部导航的 App 页面框架
Flutter 和盒子模型和网页、安卓都差不多,通过外边距(Margin)、内边距(Padding)和对齐等方式可以实现页面的布局。同时,Flutter 提供了很多布局容器,简化了布局的开发。
轻松带你了解 Flutter 开发的步骤,代码结构和应用开发流程。
Win 10安装 Flutter 开发环境完整教程附带踩坑记录。
手把手教你如何在 Mac OS 下配置 Flutter 开发环境。