flutterlearn: Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口，开发者可以很快地为 Flutter添加 native扩展。同时 Flutter还使用 Native引擎渲染视图，这无疑能为用户提供良好的体验。

- [1. flutter](#1-flutter)
    - [1.1. Flutter简介](#11-flutter简介)
        - [1.1.1. 特点](#111-特点)
    - [1.2. flutter 文档目录](#12-flutter-文档目录)
        - [1.2.1. flutter环境配置](#121-flutter环境配置)
        - [1.2.2. Dart语言简介](#122-dart语言简介)
        - [1.2.3. flutter实例简介](#123-flutter实例简介)
            - [1.2.3.1. 使用Android Studio新建项目](#1231-使用android-studio新建项目)
            - [1.2.3.2. Flutter布局](#1232-flutter布局)
                - [1.2.3.2.1. 常用布局widgets控件](#12321-常用布局widgets控件)
                - [1.2.3.2.2. Flutter可滚动的Widget](#12322-flutter可滚动的widget)
            - [1.2.3.2. Flutter基础Widget](#1232-flutter基础widget)
                - [1.2.3.2.1. 文本](#12321-文本)
                - [1.2.3.2.2. 按钮](#12322-按钮)
                - [1.2.3.2.3. 视频](#12323-视频)
                - [1.2.3.2.4. 图片](#12324-图片)
                - [1.2.3.2.5. TextField](#12325-textfield)
                - [1.2.3.2.6. List](#12326-list)
                - [1.2.3.2.7. Table](#12327-table)
                - [1.2.3.2.8. Switch](#12328-switch)
                - [1.2.3.2.9. 路由](#12329-路由)
                    - [1.2.3.2.9.1. Flutter路由传值](#123291-flutter路由传值)
                - [1.2.3.2.2. 单选框和复选框](#12322-单选框和复选框)
                - [1.2.3.2.3. GridView](#12323-gridview)
                - [1.2.3.2.4. ActionSheet, Alert, Dialog](#12324-actionsheet-alert-dialog)
            - [1.2.3.2. Flutter修饰](#1232-flutter修饰)
                - [1.2.3.2.1. Fluttercolor颜色的用法](#12321-fluttercolor颜色的用法)
            - [1.2.3.2. 网络请求与数据存储](#1232-网络请求与数据存储)
                - [1.2.3.2.1. Flutter网络请求框架封装](#12321-flutter网络请求框架封装)
                - [1.2.3.2.2. Flutter 数据存储](#12322-flutter-数据存储)
            - [1.2.3.2. 生命周期](#1232-生命周期)
                - [1.2.3.2.1. Flutter生命周期](#12321-flutter生命周期)
            - [1.2.3.2. 路由管理](#1232-路由管理)
                - [1.2.3.2.1. Flutter路由管理](#12321-flutter路由管理)
            - [1.2.3.2. 慕课网学习](#1232-慕课网学习)
                - [1.2.3.2.1. Flutter-入门（慕课网）](#12321-flutter-入门慕课网)
                - [1.2.3.2.2. Flutter-从入门到进阶](#12322-flutter-从入门到进阶)
                - [1.2.3.2.3. flutter-入门基础知识](#12323-flutter-入门基础知识)
                - [1.2.3.2.4. 项目结构、资源、依赖和本地化](#12324-项目结构资源依赖和本地化)
                - [1.2.3.2.5. 认识视图](#12325-认识视图)
                - [1.2.3.2.6. 布局与列表](#12326-布局与列表)
                - [1.2.3.2.7. 状态管理](#12327-状态管理)
                - [1.2.3.2.8. 路由与导航](#12328-路由与导航)
                - [1.2.3.2.9. 线程和异步UI](#12329-线程和异步ui)
                - [1.2.3.2.10. 手势检测及触摸事件处理](#123210-手势检测及触摸事件处理)
                - [1.2.3.2.11. 主题和文字处理](#123211-主题和文字处理)
                - [1.2.3.2.12. 表单输入与富文本](#123212-表单输入与富文本)
                - [1.2.3.2.13. 图片开发核心技能](#123213-图片开发核心技能)
                - [1.2.3.2.14. 动画开发核心技能](#123214-动画开发核心技能)
                - [1.2.3.2.15. Scaffold与PageView](#123215-scaffold与pageview)
                - [1.2.3.2.16. 基于Http实现网络操作](#123216-基于http实现网络操作)
                - [1.2.3.2.17. Future与FutureBuilder](#123217-future与futurebuilder)
            - [1.2.3.2. 真机调制](#1232-真机调制)
                - [1.2.3.2.1. Flutter真机调试](#12321-flutter真机调试)
        - [1.1.2. 小tips](#112-小tips)
            - [1.1.2.1. Flutter中如何强制某个页面横屏](#1121-flutter中如何强制某个页面横屏)
            - [1.1.2.2. flutter 常用插件](#1122-flutter-常用插件)
            - [1.1.2.3. 如何在 Flutter 中使用 IconFont ?](#1123-如何在-flutter-中使用-iconfont-)
            - [1.1.2.4. flutter事件点击](#1124-flutter事件点击)
            - [1.1.2.5. flutter如何添加边框](#1125-flutter如何添加边框)
            - [1.1.2.6. Flutter TextStyle参数解析](#1126-flutter-textstyle参数解析)
            - [1.1.2.7. Flutter绘制虚线](#1127-flutter绘制虚线)
            - [1.1.2.8. Flutter去除右上角Debug标签](#1128-flutter去除右上角debug标签)
- [2. flutter 其他功能](#2-flutter-其他功能)
    - [2.1. 录音](#21-录音)
        - [2.1.1. flutter 音频录制插件(fluttersound)](#211-flutter-音频录制插件fluttersound)
    - [1.2. 日历](#12-日历)
        - [1.2.1. flutter 日历制插件(tablecalendar)](#121-flutter-日历制插件tablecalendar)
    - [1.2. Flutter自适应解决方案](#12-flutter自适应解决方案)
        - [1.2.1. Flutter 自适应解决方案](#121-flutter-自适应解决方案)
    - [1.2. 移动应用图标](#12-移动应用图标)
        - [1.2.1. Flutter 修改图标、应用名称、包名等](#121-flutter-修改图标应用名称包名等)
    - [1.2. Flutter 拖拽](#12-flutter-拖拽)
        - [1.2.1. Flutter 拖拽](#121-flutter-拖拽)
    - [1.2. 城市选择](#12-城市选择)
        - [1.2.1. 城市选择](#121-城市选择)
    - [1.2. 图片上传](#12-图片上传)
        - [1.2.1. 图片上传](#121-图片上传)
    - [1.2. fluttertoast](#12-fluttertoast)
        - [1.2.1. fluttertoast 弹出toast吐司](#121-fluttertoast-弹出toast吐司)
    - [1.2. Flutter 自定义键盘解决方案](#12-flutter-自定义键盘解决方案)
        - [1.2.1. Flutter自定义键盘解决方案](#121-flutter自定义键盘解决方案)
- [2. Flutter 入门系列 链接](#2-flutter-入门系列-链接)
    - [2.1. 第一章：Flutter介绍](#21-第一章flutter介绍)
        - [2.1.1. Flutter 入门一：环境安装](#211-flutter-入门一环境安装)
        - [2.1.2. Flutter 入门二：创建新的项目、打开现有项目](#212-flutter-入门二创建新的项目打开现有项目)
        - [2.1.3. Flutter 入门三：混合开发](#213-flutter-入门三混合开发)
        - [2.1.4. Flutter 入门四：Flutter vs React Native](#214-flutter-入门四flutter-vs-react-native)
    - [1.2. 第二章：Flutter 常用控件介绍](#12-第二章flutter-常用控件介绍)
        - [1.2.1. Flutter 布局控件一：Container](#121-flutter-布局控件一container)
        - [1.2.2. Flutter 布局控件二：Padding](#122-flutter-布局控件二padding)
        - [1.2.3. Flutter 布局控件三：Center](#123-flutter-布局控件三center)
        - [1.2.4. Flutter 布局控件四：Align](#124-flutter-布局控件四align)
        - [1.2.5. Flutter 布局控件五：FittedBox](#125-flutter-布局控件五fittedbox)
        - [1.2.6. Flutter 布局控件六：AspectRatio](#126-flutter-布局控件六aspectratio)
        - [1.2.7. Flutter 布局控件七：ConstrainedBox](#127-flutter-布局控件七constrainedbox)
        - [1.2.8. Flutter 布局控件八：Row and Column](#128-flutter-布局控件八row-and-column)
        - [1.2.9. Flutter 布局控件九：GridView](#129-flutter-布局控件九gridview)
        - [1.2.10. Flutter 布局控件十： ListView](#1210-flutter-布局控件十-listview)
        - [1.2.11. Flutter 布局控件十一：Expanded](#1211-flutter-布局控件十一expanded)
        - [1.2.12. Flutter 布局控件十二：ExpansionTile](#1212-flutter-布局控件十二expansiontile)
        - [1.2.13. Flutter 导航组件一： Scaffold](#1213-flutter-导航组件一-scaffold)
        - [1.2.14. Flutter 导航组件二： AppBar](#1214-flutter-导航组件二-appbar)
        - [1.2.15. Flutter 导航组件三： BottomNavigationBar](#1215-flutter-导航组件三-bottomnavigationbar)
        - [1.2.16. Flutter 导航组件四：Drawer](#1216-flutter-导航组件四drawer)
        - [1.2.17. Flutter 基础组件一： Text](#1217-flutter-基础组件一-text)
        - [1.2.18. Flutter 基础组件二： Image](#1218-flutter-基础组件二-image)
        - [1.2.19. Flutter 基础组件三： Icon](#1219-flutter-基础组件三-icon)
        - [1.2.20. Flutter 基础组件四： RaisedButton](#1220-flutter-基础组件四-raisedbutton)
        - [1.2.21. Flutter 基础组件五： FlatButton](#1221-flutter-基础组件五-flatbutton)
        - [1.2.22. Flutter 基础组件六：OutlineButton](#1222-flutter-基础组件六outlinebutton)
        - [1.2.23. Flutter 基础组件七：ButtonBar](#1223-flutter-基础组件七buttonbar)
        - [1.2.24. Flutter 基础组件八：IconButton](#1224-flutter-基础组件八iconbutton)
        - [1.2.25. Flutter 基础组件九： FloatingActionButton](#1225-flutter-基础组件九-floatingactionbutton)
        - [1.2.26. Flutter 基础组件十：DropdownButton](#1226-flutter-基础组件十dropdownbutton)
        - [1.2.27. Flutter 基础组件十一：RawMaterialButton](#1227-flutter-基础组件十一rawmaterialbutton)
        - [1.2.28. Flutter 基础组件十二：Placeholder](#1228-flutter-基础组件十二placeholder)
        - [1.2.29. Flutter 基础组件十三：TabBar TabBarView](#1229-flutter-基础组件十三tabbar-tabbarview)
        - [1.2.30. Flutter 基础组件十四：PopupMenuButton](#1230-flutter-基础组件十四popupmenubutton)
        - [1.2.31. Flutter 动画组件一：AnimatedContainer](#1231-flutter-动画组件一animatedcontainer)
        - [1.2.32. Flutter 颜色值：Color的使用](#1232-flutter-颜色值color的使用)
        - [1.2.33. Flutter 对齐方式：Alignment FractionalOffset AlignmentDirectional](#1233-flutter-对齐方式alignment-fractionaloffset-alignmentdirectional)
        - [1.2.34. Flutter 背景、边框样式： UnderlineTabIndicator BoxDecoration ShapeDecoration FlutterLogoDecoration](#1234-flutter-背景边框样式-underlinetabindicator-boxdecoration-shapedecoration-flutterlogodecoration)
    - [1.2. 第三章： 项目实践](#12-第三章-项目实践)
        - [1.2.1. Flutter 修改App的名称和图标](#121-flutter-修改app的名称和图标)
        - [1.2.2. Flutter 启动页 消除白屏](#122-flutter-启动页-消除白屏)
- [2. 其他资源](#2-其他资源)
- [3. 其他特效](#3-其他特效)
- [4. flutter 项目](#4-flutter-项目)

# 1. flutter

## 1.1. Flutter简介

Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口，开发者可以很快地为 Flutter添加 native扩展。同时 Flutter还使用 Native引擎渲染视图，这无疑能为用户提供良好的体验。

### 1.1.1. 特点

- 跨平台自绘引擎
   - 高性能
   - 采用Dart语言开发

## 1.2. flutter 文档目录

### 1.2.1. [flutter环境配置](./REDEME-搭建Flutter开发环境.md)

### 1.2.2. Dart语言简介 
- [Dart语言简介](./Dart语言简介.md)
- [Dart语言类型判断](Dart语言类型判断.md)
- [Dart中List的相关方法总结](Dart中List的相关方法总结.md) 
- [Flutter常见数据类型及数据类型转换](Flutter常见数据类型及数据类型转换.md)
- [Flutter开发之Dart的数据类型01](Flutter开发之Dart的数据类型01.md)

### 1.2.3. flutter实例简介

#### 1.2.3.1. [使用Android Studio新建项目](使用Android_Studio新建项目.md)

#### 1.2.3.2. [Flutter布局](Flutter布局.md)

##### 1.2.3.2.1. [常用布局widgets控件](Flutter常用布局widgets控件.md)

##### 1.2.3.2.2. [Flutter可滚动的Widget](Flutter可滚动的Widget.md)

#### 1.2.3.2. [Flutter基础Widget](Flutter基础Widget.md)

##### 1.2.3.2.1. [文本](Flutter基础Widget之文本.md)

##### 1.2.3.2.2. [按钮](Flutter基础Widget之按钮.md)

##### 1.2.3.2.3. [视频](Flutter基础Widget之视频.md)

##### 1.2.3.2.4. [图片](Flutter基础Widget之图片.md)

##### 1.2.3.2.5. [TextField](Flutter基础Widget之TextField.md)

##### 1.2.3.2.6. [List](Flutter基础Widget之List.md)

##### 1.2.3.2.7. [Table](Flutter基础Widget之Table.md)

##### 1.2.3.2.8. [Switch](Flutter基础Widget之Switch.md)

##### 1.2.3.2.9. [路由](Flutter基础Widget之导航.md)

###### 1.2.3.2.9.1. [Flutter路由传值](Flutter基础Widget之路由传值.md)

##### 1.2.3.2.2. [单选框和复选框](Flutter基础Widget之单选框和复选框.md)

##### 1.2.3.2.3. [GridView](Flutter基础Widget之GridView.md)

##### 1.2.3.2.4. [ActionSheet, Alert, Dialog](Flutter基础Widget之ActionSheet_Alert_Dialog.md)

#### 1.2.3.2. Flutter修饰

##### 1.2.3.2.1. [Flutter_color颜色的用法](Flutter_color颜色的用法.md)

#### 1.2.3.2. 网络请求与数据存储

##### 1.2.3.2.1. [Flutter网络请求框架封装](Flutter网络请求框架封装.md)

##### 1.2.3.2.2. [Flutter 数据存储](Flutter数据存储.md)

#### 1.2.3.2. 生命周期

##### 1.2.3.2.1. [Flutter生命周期](Flutter生命周期.md)

#### 1.2.3.2. 路由管理

##### 1.2.3.2.1. [Flutter路由管理](Flutter路由管理.md)

#### 1.2.3.2. 慕课网学习

##### 1.2.3.2.1. [Flutter-入门（慕课网）](Flutter-入门（慕课网）.md)

##### 1.2.3.2.2. Flutter-从入门到进阶

##### 1.2.3.2.3. [flutter-入门基础知识](flutter-入门基础知识.md)

##### 1.2.3.2.4. [项目结构、资源、依赖和本地化](项目结构、资源、依赖和本地化.md)

##### 1.2.3.2.5. [认识视图](Flutter-认识视图.md)

##### 1.2.3.2.6. [布局与列表](Flutter-布局与列表.md)

##### 1.2.3.2.7. [状态管理](Flutter-状态管理.md)

##### 1.2.3.2.8. [路由与导航](Flutter-路由与导航.md)

##### 1.2.3.2.9. [线程和异步UI](Flutter-线程和异步UI.md)

##### 1.2.3.2.10. [手势检测及触摸事件处理](Flutter-手势检测及触摸事件处理.md)

##### 1.2.3.2.11. [主题和文字处理](Flutter-主题和文字处理.md)

##### 1.2.3.2.12. [表单输入与富文本](Flutter-表单输入与富文本.md)

##### 1.2.3.2.13. [图片开发核心技能](Flutter-图片开发核心技能.md)

##### 1.2.3.2.14. [动画开发核心技能](Flutter-动画开发核心技能.md)

##### 1.2.3.2.15. [Scaffold与PageView](Flutter-Scaffold与PageView.md)

##### 1.2.3.2.16. [基于Http实现网络操作](Flutter-基于Http实现网络操作.md)

##### 1.2.3.2.17. [Future与FutureBuilder](Flutter-Future与FutureBuilder.md)

#### 1.2.3.2. 真机调制

##### 1.2.3.2.1. [Flutter真机调试](Flutter真机调试.md)

### 1.1.2. 小tips

#### 1.1.2.1. [Flutter中如何强制某个页面横屏](Flutter中如何强制某个页面横屏.md)

#### 1.1.2.2. [flutter 常用插件](https://www.cnblogs.com/pythonClub/p/10559341.html)

#### 1.1.2.3. [如何在 Flutter 中使用 IconFont ?](如何在Flutter中使用IconFont.md)

#### 1.1.2.4. [flutter事件点击](flutter事件点击.md)

#### 1.1.2.5. [flutter如何添加边框](flutter如何添加边框.md)

#### 1.1.2.6. [Flutter TextStyle参数解析](Flutter_TextStyle参数解析.md)

#### 1.1.2.7. [Flutter绘制虚线](Flutter绘制虚线.md)

#### 1.1.2.8. [Flutter去除右上角Debug标签](https://blog.csdn.net/yumi0629/article/details/81871001)

# 2. flutter 其他功能

## 2.1. 录音

### 2.1.1. [flutter 音频录制插件(flutter_sound)](flutter音频录制插件_flutter_sound.md)

## 1.2. 日历

### 1.2.1. [flutter 日历制插件(table_calendar)](flutter日历制插件_table_calendar.md)
    
## 1.2. Flutter自适应解决方案

### 1.2.1. [Flutter 自适应解决方案](Flutter自适应解决方案.md)

## 1.2. 移动应用图标

### 1.2.1. [Flutter 修改图标、应用名称、包名等](Flutter修改图标_应用名称_包名等.md)

## 1.2. Flutter 拖拽

### 1.2.1. [Flutter 拖拽](Flutter拖拽.md)

## 1.2. 城市选择

### 1.2.1. [城市选择](城市选择.md)

## 1.2. 图片上传

### 1.2.1. [图片上传](Flutter-其他功能-图片上传.md)

## 1.2. fluttertoast

### 1.2.1. [fluttertoast 弹出toast吐司](fluttertoast_弹出toast.md)

## 1.2. Flutter 自定义键盘解决方案

### 1.2.1. [Flutter自定义键盘解决方案](Flutter自定义键盘解决方案.md)

# 2. Flutter 入门系列 [链接](https://blog.csdn.net/mengks1987/article/details/84868953)

## 2.1. 第一章：Flutter介绍

### 2.1.1. Flutter 入门一：环境安装

### 2.1.2. Flutter 入门二：创建新的项目、打开现有项目

### 2.1.3. Flutter 入门三：混合开发

### 2.1.4. Flutter 入门四：Flutter vs React Native

## 1.2. 第二章：Flutter 常用控件介绍

### 1.2.1. Flutter 布局控件一：Container

### 1.2.2. Flutter 布局控件二：Padding

### 1.2.3. Flutter 布局控件三：Center

### 1.2.4. Flutter 布局控件四：Align

### 1.2.5. Flutter 布局控件五：FittedBox

### 1.2.6. Flutter 布局控件六：AspectRatio

### 1.2.7. Flutter 布局控件七：ConstrainedBox

### 1.2.8. Flutter 布局控件八：Row and Column

### 1.2.9. Flutter 布局控件九：GridView

### 1.2.10. Flutter 布局控件十： ListView

### 1.2.11. Flutter 布局控件十一：Expanded

### 1.2.12. Flutter 布局控件十二：ExpansionTile

### 1.2.13. Flutter 导航组件一： Scaffold

### 1.2.14. Flutter 导航组件二： AppBar

### 1.2.15. Flutter 导航组件三： BottomNavigationBar

### 1.2.16. Flutter 导航组件四：Drawer

### 1.2.17. Flutter 基础组件一： Text

### 1.2.18. Flutter 基础组件二： Image

### 1.2.19. Flutter 基础组件三： Icon

### 1.2.20. Flutter 基础组件四： RaisedButton

### 1.2.21. Flutter 基础组件五： FlatButton

### 1.2.22. Flutter 基础组件六：OutlineButton

### 1.2.23. Flutter 基础组件七：ButtonBar

### 1.2.24. Flutter 基础组件八：IconButton

### 1.2.25. Flutter 基础组件九： FloatingActionButton

### 1.2.26. Flutter 基础组件十：DropdownButton

### 1.2.27. Flutter 基础组件十一：RawMaterialButton

### 1.2.28. Flutter 基础组件十二：Placeholder

### 1.2.29. Flutter 基础组件十三：TabBar TabBarView

### 1.2.30. Flutter 基础组件十四：PopupMenuButton

### 1.2.31. Flutter 动画组件一：AnimatedContainer

### 1.2.32. Flutter 颜色值：Color的使用

### 1.2.33. Flutter 对齐方式：Alignment FractionalOffset AlignmentDirectional

### 1.2.34. Flutter 背景、边框样式： UnderlineTabIndicator BoxDecoration ShapeDecoration FlutterLogoDecoration

## 1.2. 第三章： 项目实践

### 1.2.1. Flutter 修改App的名称和图标

### 1.2.2. Flutter 启动页 消除白屏

# 2. 其他资源

* [flutter windows开发环境设置](https://blog.csdn.net/weixin_41191134/article/details/88849036) 
* [flutter 项目实战一 新建 flutter 项目](https://blog.csdn.net/weixin_41191134/article/details/88862132)   
* [flutter 项目实战二 网络请求 ](https://blog.csdn.net/weixin_41191134/article/details/88862633) 
* [flutter 项目实战三 json数据解析以及Gson格式化flutter](https://blog.csdn.net/weixin_41191134/article/details/88864862)  
* [flutter 项目实战四 列表数据展示 ](https://blog.csdn.net/weixin_41191134/article/details/88866941) 
* [flutter 项目实战五 item 点击跳转，webview加载 ](https://blog.csdn.net/weixin_41191134/article/details/88870070) 
* [flutter 项目实战六 drawer侧边栏 ](https://blog.csdn.net/weixin_41191134/article/details/88872678) 
* [flutter 项目实战七 bottomNavigationBar ](https://blog.csdn.net/weixin_41191134/article/details/88885634) 
* [flutter 项目实战八 下拉刷新 上拉加载](https://blog.csdn.net/weixin_41191134/article/details/88891857)  
* [flutter 项目实战九 小时风云榜](https://blog.csdn.net/weixin_41191134/article/details/88894898) 
* [Flutter中的本地存储](http://flutter.link/2018/04/13/Flutter%E4%B8%AD%E7%9A%84%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/)
* [Flutter基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法](https://www.jianshu.com/p/3d927a7bf020)

# 3. 其他特效
- [用flutter写一个精美的登录页面](https://blog.csdn.net/u011272795/article/details/83043932)
- [Flutter 07: 图解【登录】页面小优化](https://www.jianshu.com/p/928dd5ba816d)
- [Flutter社区和资源传送门](https://www.cnblogs.com/yangyxd/p/9232308.html)
-

# 4. flutter 项目
- [GreenTravel](https://github.com/Sky24n/GreenTravel)
- [FlutterDouBan](https://github.com/kaina404/FlutterDouBan)

bradenhan/flutterlearn

简介

发行版

贡献者

近期动态

bradenhan/flutterlearn .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

bradenhan/flutterlearn