本文共 5031 字，大约阅读时间需要 16 分钟。

本文章为 Flutter 开发中的经验积累分享、教程分享、开发笔记分享目录，持续维护中。

题记

—— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精。

	你可能需要

---

目前在西瓜视频上免费刊登 Flutter 系列教程，每日更新，欢迎关注接收提醒

 

 

一个程序员的修炼日记

 

---

2020.11.30

2020.11.23

2020.11.18

2020.11.11

2020.11.05

2020.11.04

2020.11.03

2020.11.1

2020.10.31

2020.10.29

2020.10.27

2020.10.23

2020.10.22

2020.10.21

2020.10.20

2020.10.19

2020.10.18

2020.10.15

2020.10.09

• Flutter GridView 用来实现九宫格布局功能  | 

2020.10.08

2020.10.03

2020.10.01

2020.09.27

2020.09.25

2020.09.19

2020.09.12 开发笔记

• [

2020.09.02

2020.08.02

• Flutter中ListView加载图片数据的优化

• Flutter异步加载FutureBuilder解决重绘方案

• Flutter异步编程async与await的基本使用

• Flutter延时任务、Flutter通过Future与Timer实现延时任务

• Flutter中async与await异步编程原理分析

• Dart语言基础Map、List、Set操作合辑

• Flutter图像绘制原理深入分析

• Flutter中Widget 、Element、RenderObject角色深入分析 

• Flutter中AnimatedOpacity 实现透明度渐变动画效果 

• Flutter透明度渐变动画Opacity实现透明度渐变动画效果

• Flutter透明度渐变动画FadeTransition实现透明度渐变动画效果 

2020.07.19

• Flutter闪屏过渡动画，闪光占位动画
• Flutter的AnimatedDefaultTextStyle实现文本样式的动画过渡切换效果 
• Flutter的AnimatedContainer实现容器样式的动画切换 

2020.07.15

• Flutter加载Html并实现与JS 的双向调用 

2020.07.05

• flutter上拉抽屉效果 

2020.06.22

• Flutter搜索框SearchBa
• Flutter中为图片设置波纹点击效果 
• Flutter图片添加水印功能 
• Flutter网络dio框架公共请求参数、请求header使用总结 
• flutter网络dio框架get请求使用总结 
• flutter向上动画弹出菜单效果 

---

2020.05.27

• flutter的Flexible和 Expanded的区别 

2020.05.23

• Flutter圆形动画弹出菜单

2020.05.09

• Flutter中焦点FocusNode使用分析Flutter输入框焦点事件的捕捉与监听 

2020.04.19

• Flutter底部导航栏BottomNavigationBar页面状态保活解决方案 

2020.04.06

• 浅谈Flutter的状态State 

2020.03.15

• Flutter新手引导蒙版（浮层）

2020.03.05

• flutter网络请求框架dio基本使用

• flutter网络dio框架get请求使用总结

2020.03.01

• flutter开发仿抖音首页面上下滑动切换播放视频效果

2020.02.15

• flutter跨平台开发之App升级方案

2020.01.07

NestScrollView系列文章

• flutter NestedScrollView 下拉刷新的解决方案一

极光推送 系列文章

• flutter应用开发中集成极光推送（flutter极光推送第一篇）

TextField 系列文章

• TextField的基本使用以及TextField常用属性精讲
• TextField 焦点获取控制篇
• TextField 输入文本样式 TextStyle 篇
• TextField 输入文本 textAlign 对齐分析篇
• TextField 输入文本 decoration 配置边框样式以及提示文本分析篇
• TextField TextEditingController 分析篇

2019.12.19

• Flutter 中的国际化之多语言环境 

2019.12.17

• Flutter友盟插件开发使用

2019 .7.22

• 4.2.3 flutter widget 嵌入 android WebView 
• 4.2.4 flutter widget 嵌入 ios webview 

2019 .7.17

• 4.1.1 Flutter通过BasicMessageChannel实现Flutter 与Android iOS 的双向通信 
• 4.1.2 Flutter通过MethodChannel实现Flutter 与Android iOS 的双向通信 

2019.7.16

• 4.1.1 flutter widget 嵌入android TextView 
• 4.1.2 flutter widget 嵌入ios UiLabel 

2019.7.15 凌晨

• 最新更新 4.1.1 flutter 主动调用android 原生方法 
• 最新更新 4.1.2 flutter 主动调用ios 原生方法 

2019年07月12日 傍晚

• 最新更新 
• 最新更新 

【本案例开发flutter 使用到的开发工具为 android Studio ，Xcode】

1 第一阶段 UI 基础篇

---

1.1 第一阶段 之 【环境配制相关】

• 1.1.1 flutter 从配制开发环境再到开发第一个应用 

• 1.1.2 flutter 使用Android Studio 创建第一个应用 

• 1.1.3 flutter 开发应用第一个页面 

• 1.1.4 flutter 之 Dart语言 基础 

1.2 第一阶段 之 Flutter 【ui 基础 -1】

• 1.2.1 flutter 主题 Flutter MaterialApp 简述 

• 1.2.2 flutter 主布局 Flutter Scaffold 

• 1.2.3 flutter AppBar 简述 

• 1.2.4 flutter Container 容器 

• 1.2.4.1 flutter Container 宽高度限定分析 

• 1.2.5 StatefulWidget和StatelessWidget 

• 1.2.6 flutter Text 文本显示 

• 1.2.7 flutter Button 按钮 

• 1.2.8 flutter TextField 文本输入框 

• 1.2.9 flutter 开关Switch与复选框Checkbox 

• 1.2.10 flutter Radio 单选框 

• 1.2.11 flutter 水平和垂直布局详解 

• 1.2.12 flutter Stack 帧布局，层叠堆放 

• 1.2.13 flutter Form 表单

• 1.2.14 一个登录页面 

1.3 第一阶段 之 Flutter 【ui 基础 -2】

• 1.3.1 flutter Image 图片加载 

• 1.3.2 flutter ScrollView 滑动 

• 1.3.3 flutter PageView 分页切换

• • flutter PageView左右滑动切换视图 
• • flutter PageView上下滑动切换视图 
• • flutter PageView 下拉刷新 与 上拉加载更多

• 1.3.3 flutter CustomScrollView 自定义滑动效果 

• 1.3.4 flutter listView 

• 1.3.5 flutter listView 下拉刷新与上拉加载更多 

• 1.3.6 flutter GridView 

• 1.3.7 flutter progress 进度条

• 1.3.8 flutter tab选项卡

• • appbar 中的选项卡 
• • appbar 下的选项卡 

• 1.3.9 flutter AndroidView 加载android 原生view 

• 1.3.10 flutter UiKitView 加载ios 原生view 

1.4 第一阶段 之 Flutter 【ui 基础 -3】

• 1.4.1 PickView 时间选择器 
• 1.4.2 PickView 城市选择器
• 1.4.3 弹框 dialog 
• 1.4.3-1 Flutter自定义使用Dialog并更新Dialog中的内容 
• 1.4.4 flutter 实现轮播图效果 
• 1.4.5 导航栏菜单
• • flutter BottomNavigationBar 实现底部导航栏
• • flutter TabBar 底部导航栏 
• • flutter 自定义 BottomAppBar 实现不规则底部导航栏 
• • flutter 自定义 绘制布局 实现不规则底部动画导航栏 
• 1.4.6 flutter Toast消息提示框 
• 1.4.7 flutter 设置圆角矩形边框 

---

2 第二阶段 功能基础篇

2.1 flutter Gesture 手势处理

• 2.1.1 flutter widget 添加单击、双击、长按、按下与抬起事件监听 
• 2.1.2 flutter InkWell 设置水波纹点击效果详述 
• 2.1.3 Flutter中为图片设置波纹点击效果 

2.2 flutter 常用工具类

• 2.2.1 flutter 日志输出LogUtil 使用 
• 2.2.2 flutter 倒计时 TimerUtil 使用 
• 2.2.3 flutter 将毫秒转为日期,时间格式 

2.2 flutter 数据存储

2.3 flutter 页面路由跳转

2.4 flutter 网络请求

2.5 flutter oss 阿里云文件上传

---

3 第三阶段 动画功能篇

3.1 flutter 平移动画

• 3.1.1 flutter SlideTransition实现平移动画 

3.2 flutter 旋转动画

• 3.2.1 flutter RotationTransition实现旋转动画 

3.3 flutter 缩放动画

• 3.3.1 flutter ScaleTransition实现缩放动画 
• 3.3.2 flutter PositionedTransition 实现缩放动画 

3.4 flutter 透明渐变动画

• 3.4.1 flutter FadeTransition实现透明度渐变动画 

---

4 第四阶段 高级功能篇

4.1 flutter 与android ios 原生互调

• 4.1.1 Flutter通过 BasicMessageChannel 实现 Flutter 与 Android iOS 的双向通信 

• 4.1.2 Flutter通过 MethodChannel 实现 Flutter 与Android iOS 的双向通信 

• 4.1.3 flutter 调用android 相机

• 4.1.4 flutter 调用ios 相机

• 4.1.5 flutter 调用android 扫一扫

• 4.1.6 flutter 调用ios 扫一扫

• 4.1.7 调用android mp3格式录音

• 4.1.8 flutter 调用ios mp3格式录音

4.2 flutter 中嵌入 android ios 原生view

• 4.2.1 flutter 嵌入android TextView 
• 4.2.2 flutter 嵌入ios UILabel 
• 4.2.3 flutter widget 嵌入 android WebView 
• 4.2.4 flutter widget 嵌入 ios webview 

4.3 android ios 原生中 嵌入使用flutter widget

4.4 flutter 插件开发

• 4.4.1 flutter 调用原生android ios 自定义相机插件
• 4.4.2 flutter 调用原生android ios 扫一扫插件
• 4.4.3 flutter 调用原生 webview 插件 
• 4.4.4 flutter 调用原生 录音 mp3格式 插件

转载地址：http://cuhni.baihongyu.com/