# flutterlearn **Repository Path**: braden/flutterlearn ## Basic Information - **Project Name**: flutterlearn - **Description**: Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口，开发者可以很快地为 Flutter添加 native扩展。同时 Flutter还使用 Native引擎渲染视图，这无疑能为用户提供良好的体验。 - **Primary Language**: Dart - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2023-11-21 - **Last Updated**: 2023-11-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README - [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)