版权声明：署名，允许他人基于本文进行创作，且必须基于与原先许可协议相同的许可协议分发本文 （Creative Commons）
Flutter学习总纲教程
准备
学习Flutter之前，必须要了解（不需要多么精通，但至少要了解）Dart的基础特性。
- Dart基础特性 · Dart 是 Google 开发的新一代编程语言，Flutter就是只用dart语言编写的。
- 在Windows上搭建Flutter开发环境
- Flutter之初体验] · 创建一个Flutter Android项目
Flutter 常用组件
- Flutter Text(Flutter文本显示和样式) · Flutter文本显示和样式，自定义字体
- Flutter TextField 文本框] · 文本框样式、文本框布局、获取数据
- Flutter Form表单 · 表单提交 演示
- Flutter Image组件 · 图片加载、图片颜色混合、图片平铺、图片拉伸、圆形图片
- Flutter ListView组件 · 列表数据加载，ListTile介绍
- Flutter GridView组件 · 介绍GridView.count和GridView.builder 实现布局
- Flutter Button 组件 · 包括了：MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。
- Flutter DateTime详解 · Flutter日期转换、Flutter时间戳
- Flutter 动画 · 缩放、颜色渐变、平移、淡入淡出、旋转、改变形状、混合组合
- Flutter BottomSheet 底部滑出的组件 · Flutter BottomSheet 底部滑出的组件，底部弹窗
- Flutter Chip 标签 ·
- Flutter Checkbox 复选框 · Checkbox 和 CheckboxListTile 复选框
- Flutter Radio 单选按钮 · Radio 和RadioListTile 单选按钮
- Flutter Switch 开关 · Switch与CupertinoSwitch
- Flutter Slider 进度条 · Slider与CupertinoSlider
- Flutter Stepper 步骤 · 步骤组件是用来约束用户操作顺序的
- Flutter AlertDialog对话框 · 警报对话框
- Flutter AboutDialog对话框 · 包含应用程序的图标，名称，版本号和版权的对话框
- Flutter SimpleDialog 对话框 · 简单对话框
- Flutter CupertinoAlertDialog IOS风格对话框 · iOS风格的警报对话框
- Flutter CupertinoFullscreenDialogTransition 全屏对话框 · 全屏对话框
- Flutter Dialog 对话框 · 对话框简介
- Flutter Drawer 侧滑菜单、抽屉
- Flutter PopupMenuButton 菜单
- Flutter ExpansionPanel 收缩面板
- flutter SliverAppBar 随内容一起滑动的头部 - 滞留头部
- Flutter CustomScrollView 自定义滚动效果
Flutter 常用布局
- Flutter Container 组件 · 容器、Container属性与特性
- Flutter Paddiing组件 · 内边距组件介绍
- Flutter Row 组件 · 行（水平布局） 组件介绍
- Flutter Column 组件 · 列（垂直布局） 组件介绍
- Flutter Expanded 组件 · 自适应填充、比例填充
- Flutter Stack 组件 · Stack层叠组件、tack与Align组合、Stack与Positioned组合定位布局
- Flutter Card 组件 · 可设定圆角和阴影的立体式卡片组件
- Flutter AspectRatio 组件 · 设定组件宽高比
- Flutter Wrap 组件 · 可以实现流布局（自动换行）的组件
Flutter 页面路由
- Flutter 页面跳转 · Flutter中的普通路由、普通路由传值、命名路由、命名路由传值
- Flutter 路由替换（返回到根） · 替换路由、清除路由
- Flutter 页面返回传值 · 页面返回传值 (类似与Android里面的OnActivityForResult)，接收页面返回数据
Flutter 导航
- Flutter AppBar 组件 · 介绍appBar、TabBar使用方法
- Flutter 通过TabController 定义TabBar · 监听TabBar与TabBarView的交互
- Flutter BottomNavigationBar 组件 · 底部导航条、以及实现页面切换、模仿XXApp的底部导航栏布局