Flutter项目实战教程分享基础使用性能优化每日积累

Posted 2022-04-16 早起的年轻人

题记

—— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精，优美的应用体验 来自于细节的处理，更源自于码农的自我要求与努力

---

Flutter是谷歌推出的最新的移动开发框架，本文章为横向经验积累分享目录，每日更新。

• 西瓜视频分享
• 知乎视频分享
• csdn学院教程分享

1 精品应用 细节处理

• Flutter Animations showModal 模态动画方式打开新的页面

• Flutter PageView 实现的自动轮播图效果 Timer实现的自动轮播效果

• Flutter NestedScrollView 滑动折叠头部下拉刷新效果

• Flutter 底部弹框 showModalBottomSheet 使用Demo

• Flutter BottomNavigationBar 三分钟实现一个常用APP首页底部导航菜单栏

2 异步编程优化方案

• Provider Provider 异步通信、Provider状态管理

• ValueNotifier

• Stream:

• • StreamController的使用详情
• • StreamBuilder组件的结合使用
• • StreamBuilder 实现的倒计时进度圆圈

• EventBus (不考虑使用)

• Bloc BLoC 异步通信、BlocBuilder的基本使用、BlocProvider的初探

3 滑动优化方案系列

• Flutter NestedScrollView 滑动折叠头部下拉刷新效果

• Flutter CustomScrollView实现的一个经典滑动折叠头部图片的效果

• Flutter NestedScrollView实现的一个经典滑动折叠头部图片的效果

• Flutter CustomScrollView的巧妙使用

4 动画专题

• Flutter OpenContainer 容器转换动画
• Flutter中ListView动画OpenContainer动画Flutter径向过渡OpenContainer
• 向上弹出的一个动画菜单
• Flutter Animations showModal 模态动画
• Flutter AnimatedSwitcher 实现的滑动切换数字动画效果
• Flutter Hero动画让你的APP页面切换充满动效 不一样的体验 不一样的细节处理
• Flutter 底部向上弹出的动画按钮
• 周末也需要学习 分享一个 Flutter 波浪波动效果的登录页面的背景 Flutter ClipPath实现的波动

5 按钮专题

• Flutter TextButton 详细使用配置

6 绘图专题

• Flutter ClipPath 自定义CustomClipper 玩转不一样的背景图案
• Flutter 弧度与角度之间的换算

7 弹框专题

• Flutter AlertDialog弹框的基本使用、Flutter showDialog方法使用概述

• Flutter Animations showModal 模态动画方式打开新的页面

• Flutter 底部弹框 showModalBottomSheet 使用Demo

8 下拉刷新专题

• Flutter RefreshIndicator 下拉刷新组件 Material 风格的刷新效果
• Flutter CupertinoSliverRefreshControl 苹果风格的刷新效果