flutter 从入门 到精通

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.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.4 第一阶段 之 Flutter 【ui 基础 -3】

• 1.4.1 PickView 时间选择器 查看详情
• 1.4.2 PickView 城市选择器
• 1.4.3 弹框 dialog 查看详情
• 1.4.4 flutter 实现轮播图效果 查看详情
• 1.4.5 导航栏菜单
• • flutter BottomNavigationBar 实现底部导航栏查看详情
• • flutter TabBar 底部导航栏 查看详情
• • flutter 自定义 BottomAppBar 实现不规则底部导航栏 查看详情
• • flutter 自定义 绘制布局 实现不规则底部动画导航栏 查看详情

---

2 第二阶段 功能基础篇

2.1 flutter Gesture 手势处理

• 2.1.1 flutter widget 添加单击、双击、长按、按下与抬起事件监听 查看详情
• 2.1.2 flutter InkWell 设置水波纹点击效果详述 查看详情

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 与 Android IOS 原生互调

2.6 flutter 调用android 相机

2.7 flutter 调用ios 相机

2.8 flutter 调用android 扫一扫

2.9 flutter 调用ios 扫一扫

2.10 flutter 调用android mp3格式录音

2.11 flutter 调用ios mp3格式录音

2.14 flutter oss 阿里云文件上传

---

3 第三阶段 动画功能篇

3.1 平移动画

• 3.1.1 flutter SlideTransition实现平移动画查看详情

---

4 开发一个APP

4.1 用户系统

4.1.2启动页面

4.1.3 广告页面

4.1.4 引导页面

4.1.5 登录页面