岛上码农_个人页

2022年08月

• 08.28 21:02:38
  发表了文章 2022-08-28 21:02:38

  Dio 封装之金屋藏娇

  小王在成为老王之前，为人处事很谨慎。譬如说，他有了女朋友，他呢又想让别人知道自己有女朋友了，但是又不想让别人知道自己的女朋友是谁……

  
• 08.26 18:38:34
  发表了文章 2022-08-26 18:38:34

  使用 GetIt 同步App不同页面间数据

  本篇完成了整个动态管理的业务逻辑，包括了新增、删除、编辑、查看次数等功能。通过 GetIt 容器管理插件及接口定义，可以很简单快速地完成页面之间的数据同步。

  
• 08.24 18:50:19
  发表了文章 2022-08-24 18:50:19

  一文搞定图片选择及图片上传

  本篇介绍了在 Flutter 中如何选择图片文件，图片选择组件的封装和如何将图片上传到后台。通过本篇，可以了解Flutter 构建应用时的图片上传过程。

  
• 08.07 22:17:57
  发表了文章 2022-08-07 22:17:57

  Flutter 使用 Dio 的 Post 请求增加动态

  本篇介绍了新增数据页面的示例，同时对于编辑和添加的页面重复部分通过封装共用的表单组件简化了页面结构和提高复用性。

  

2022年07月

• 07.30 13:42:59
  发表了文章 2022-07-30 13:42:59

  这一篇让你彻底搞懂贝塞尔曲线

  贝塞尔曲线不懂画？不知道怎么回事？看这一篇就够了！用图形，点曲线运动图和公式推导，让你彻底搞懂贝塞尔曲线的运行原理！

  
• 07.28 19:22:01
  发表了文章 2022-07-28 19:22:01

  编码用这16个命名规则能让你少写一半以上的注释！

  我们经常为写注释而烦恼，觉得写注释有点浪费时间。实际上，如果用好了代码命名，可以节省很多写注释的时间。

  
• 07.27 20:43:44
  发表了文章 2022-07-27 20:43:44

  你的列表很卡？这4个优化能让你的列表丝般顺滑

  本篇介绍了 Flutter 列表 ListView的4个优化要点，非常实用，让你的列表不再卡顿，丝般顺滑！

  
• 07.26 22:12:58
  发表了文章 2022-07-26 22:12:58

  关于 StatefulWidget，你不得不知道的原理和要点！

  改善 StatefulWidget性能，你不得不知道这些！从原理说明 StatefulWidget 性能的关键要素，并给出了性能优化注意要点。

  
• 07.25 21:39:58
  发表了文章 2022-07-25 21:39:58

  动画曲线天天用，你能自己整一个吗？看完这篇你就会了！

  一旦用到动画，曲线 Curve 类不可避免会用到，但是用了那么多，你真的了解怎么用吗？本篇为你详细解读 Curve 类的实现，看完你就会设计自己的动画曲线了！

  
• 07.24 11:40:20
  发表了文章 2022-07-24 11:40:20

  Flutter 用 Dio的 Patch请求完成数据编辑功能

  本篇介绍了详情数据的获取，实体对象的部分修改来展示 Dio的 patch 请求。可以看到，Dio 提供的一系列 Restful 请求的方式基本相同，可以做到更好的封装。

  
• 07.23 11:44:07
  发表了文章 2022-07-23 11:44:07

  Flutter利用Dio删除数据

  本篇介绍了使用 Delete 请求删除后台数据操作，以及网络请求异常捕获处理。同时，引入了长按弹窗插件来实现列表项长按后弹出操作菜单。

  
• 07.22 22:10:49
  发表了文章 2022-07-22 22:10:49

  Flutter 网络请求王者 Dio 简介

  窥一貌而知全部，作为网络请求框架， dio不仅简单易用。而且还具备强大的高级功能。本篇对dio做了基本的介绍以及获取列表数据的示例。

  
• 07.21 15:51:09
  发表了文章 2022-07-21 15:51:09

  Flutter 图文并茂列表实现

  Flutter使用 ListView 完成列表的构建，界面实现的关键工作实际是布局子元素的拆分。剩下的实现方式存在多种，看各人喜好。但是，需要注意避免过多嵌套导致代码不好维护，并需要提高复用性。

  
• 07.19 20:01:17
  发表了文章 2022-07-19 20:01:17

  Flutter 山路十八弯的2.0路由

  总的来说，Flutter 2.0的路由管理相比1.0版本复杂很多也更强大，对于非 Web应用来说可以继续沿用1.0的路由，对于 Web 应用或大型移动应用可以考虑2.0路由。

  
• 07.18 20:27:42
  发表了文章 2022-07-18 20:27:42

  Flutter 的路由2.0把我搞蒙了

  Flutter 路由2.0做了较大改动，引入很多中间类来分离路由的各自职责，目的更多的是为了 Web 端的复杂路由应用。1.0版本的路由可以继续用，但2.0的扩展性会更好，不过也更复杂。

  
• 07.17 18:16:15
  发表了文章 2022-07-17 18:16:15

  Flutter 使用自定义fluro 路由实现访问权限控制

  本篇介绍了利用 Fluro 路由管理实现路由权限拦截的两种方式，两种方式各有好处，使用过程中可以根据实际情况决定使用哪一种方法。

  
• 07.15 19:56:00
  发表了文章 2022-07-15 19:56:00

  Flutter 使用自定义转场动效提升页面跳转体验

  本篇带你如何完成个性化的页面切换。Flutter本身提供了不少预定义的转场动画，可以设计多种多样的转场动画实现个性化的转场效果。

  
• 07.14 19:41:46
  发表了文章 2022-07-14 19:41:46

  使用 fluro 的转场动画提高页面切换体验

  fluro 提供了滑入、渐现、全屏对话框、原生等多种转场动画形式，同时还支持自定义转场动画。借助转场动画可以提高用户体验。

  
• 07.13 19:29:59
  发表了文章 2022-07-13 19:29:59

  Flutter 高赞的路由管理插件 fluro 简介

  fluro 是 Flutter 优秀的路由管理器，支持路由路径中携带路径参数和 query 参数，可以更灵活地进行页面参数的传递和转场动画。

  
• 07.12 22:01:41
  发表了文章 2022-07-12 22:01:41

  Flutter 路由参数传递及处理

  实际进行页面跳转经常需要传递参数，本篇介绍了如何传递参数，以及页面如何获取路由参数。同时，路由拦截器除了拦截路由以外，还可以拦截路由参数并进行修改后再跳转。

  
• 07.11 19:32:49
  发表了文章 2022-07-11 19:32:49

  Flutter App页面路由及路由拦截实现

  直接使用页面跳转会带来诸多缺陷，通过路由管理可以降低页面耦合，提高代码的可维护性和权限控制。本篇介绍了 Flutter 的路由管理和拦截实现。

  
• 07.10 22:00:44
  发表了文章 2022-07-10 22:00:44

  利用CustomScrollView实现更有趣的滑动效果

  本篇介绍了 CustomScrollView 的基本用法以及 SliverAppBar 的使用，通过 SliverAppBar 可以让导航栏的滑动更有趣。

  
• 07.09 11:45:30
  发表了文章 2022-07-09 11:45:30

  Flutter 实现多选底部弹窗

  本篇介绍了底部弹窗实现多选的方式，其中实现的方式还可以有很多种，例如直接在自定义组件中使用有状态组件。这里介绍的方法可以作为一个参考，通过动态构建有状态组件能够简单快速地实现底部弹窗的多选功能。

  
• 07.08 19:50:14
  发表了文章 2022-07-08 19:50:14

  Flutter 底部弹窗ModelBottomSheet详解

  本篇介绍了三种 ModalBottomSheet 的方式,实际开发过程中，还可以根据需要，利用 ModalBottomSheet的 builder 方法构建自定义的底部弹窗，满足业务需要。

  
• 07.07 20:42:05
  发表了文章 2022-07-07 20:42:05

  Flutter 封装文本输入框

  封装一个通用的文本框，提高组件的复用性。

  
• 07.06 16:23:13
  发表了文章 2022-07-06 16:23:13

  Flutter 开发一个常用的登录界面

  登录页面在 App 开发中非常常见，本篇借登录页面的开发介绍了文本框 TextField组件的使用，同时使用文本框的装饰属性实现了个性化文本框设置。

  
• 07.05 20:48:41
  发表了文章 2022-07-05 20:48:41

  Flutter 仿微信价值几个亿的页面

  网传微信支付页面的第三方链接一个格子需要广告费1一个亿，微信支付页非常适合做功能导航，本篇使用 ListView和 GridView 模仿微信支付页面

  
• 07.04 20:41:28
  发表了文章 2022-07-04 20:41:28

  使用 cached_network_image 优化图片加载体验

  在 Flutter 中，cached_image_network 即提供了缓存网络图片功能，同时还提供了丰富的加载过程指示，可以大幅提升图片加载过程的体验和降低服务器资源占用。

  
• 07.03 12:05:27
  发表了文章 2022-07-03 12:05:27

  Flutter 之列表下拉刷新和上拉加载

  在实际的 App 中，下拉刷新和上滑加载更多是非常常见的交互形式。在 Flutter 中，有 flutter_easyrefresh开源插件用于实现下拉刷新和上滑加载更多。本篇介绍了有状态组件和 flutter_easyrefresh 的基本应用，同时使用模拟的方式完成了异步数据加载。

  
• 07.02 10:14:03
  发表了文章 2022-07-02 10:14:03

  Flutter 设置应用主题色和字体

  App 开发过程中，肯定希望给用户带来一致的体验，这其中最基础的就是色调、字体保持一致。在 Flutter 中，可以设置全局的主题色调和字体，从而在其他页面引用主色调和字体，实现页面展示层面的一致。

  
• 07.01 20:38:26
  发表了文章 2022-07-01 20:38:26

  Flutter 构建常用的 App 页面框架

  详细讲解如何用 Flutter 构建一个底部导航的 App 页面框架

  

2022年06月

• 06.29 21:05:33
  发表了文章 2022-06-29 21:05:33

  Flutter 页面布局盒子模型介绍

  Flutter 和盒子模型和网页、安卓都差不多，通过外边距（Margin）、内边距（Padding）和对齐等方式可以实现页面的布局。同时，Flutter 提供了很多布局容器，简化了布局的开发。

  
• 06.28 20:30:54
  发表了文章 2022-06-28 20:30:54

  第一个 Flutter 应用之旅

  轻松带你了解 Flutter 开发的步骤，代码结构和应用开发流程。

  
• 06.28 20:28:10
  发表了文章 2022-06-28 20:28:10

  Windows 10安装配置Flutter开发环境

  Win 10安装 Flutter 开发环境完整教程附带踩坑记录。

  
• 06.27 20:25:07
  发表了文章 2022-06-27 20:25:07

  Mac OS 配置 Flutter 开发环境

  手把手教你如何在 Mac OS 下配置 Flutter 开发环境。