[6.面试总结](#7)
20 |
21 |
22 |
23 |
24 |
25 |
26 | ##
-------------------------[基础知识](#back)-------------------------
27 | | 基础知识 | 学习内容 | 网址 | 系列 |
28 | | --- | --- | --- | --- |
29 | | Flutter中文网 | 官方学习网址，入门学习 | [点击前往](https://flutterchina.club/get-started/codelab/) | |
30 | |flutter环境搭建mac版|1.系统环境要求
2.下载flutter
3.配置环境变量
4.检查环境
5.搭建环境常见问题整理|[点击前往](https://segmentfault.com/a/1190000014845833) | |
31 | |flutter基础-看完这篇就可以撸app了|a. layout结构
b. navBar
c. tabbar和列表组件的使用
d. http请求JSON数据，并渲染到列表
e. 组件之间的通信
f. 路由（带参数路由）| [点击前往](http://www.cocoachina.com/ios/20180612/23765.html) | |
32 | |Flutter学习之入门和体验| 1.Flutter架构
2.Flutter环境搭建
3.创建第一个Flutter程序
4.编写第一个应用|[点击前往](https://juejin.im/post/5c443681f265da613a544bca)|真丶深红骑士的系列 |
33 | |Flutter学习之Dart语法特性| 1.Dart环境
2.Dart一些概念
3.Dart语法|[点击前往](https://juejin.im/post/5c44727df265da611c274087)|真丶深红骑士的系列 |
34 | |Flutter学习之认知基础组件| 1.Widget简介
2.Flutter页面
3.Flutter布局
4.实践|[点击前往](https://juejin.im/post/5c5c1f21e51d457fcc5a9f9f)|真丶深红骑士的系列 |
35 | |Flutter学习之布局、交互、动画| 1.布局
2.交互
3.动画|[点击前往](https://juejin.im/post/5c617e34f265da2d90581613)|真丶深红骑士的系列 |
36 | |Flutter学习之事件循环机制、数据库、网络请求| 1.Dart中的异步任务消息循环机制
2.Dart中的异步支持
3.文件操作
4.sqflite数据库
5.网络请求操作
6.JSON|[点击前往](https://juejin.im/post/5c698a606fb9a049d81c63df)|真丶深红骑士的系列 |
37 | |Flutter完整开发实战详解(一、Dart语言和Flutter基础) | 1.环境搭建
2.Dart语言下的Flutter
3.Flutter Widget
4.Flutter 布局
5.Flutter 页面 |[点击前往](https://juejin.im/post/5b631d326fb9a04fce524db2)| 恋猫de小郭 |
38 | |Flutter 完整开发实战详解(二、快速实战篇) | 1.基础控件
2.数据模块
3.其他功能 |[点击前往](https://juejin.im/post/5b685a2a5188251ac22b71c0)| 恋猫de小郭 |
39 | |Flutter完整开发实战详解(三、 打包与填坑篇) | 1.打包
2.细节
3.问题处理 |[点击前往](https://juejin.im/post/5b6fd4dc6fb9a0099e711162)| 恋猫de小郭 |
40 | |Flutter完整开发实战详解(四、 Redux、主题、国际化) | 1.Redux
2.主题
3.国际化 |[点击前往](https://juejin.im/post/5b79767ff265da435450a873)| 恋猫de小郭 |
41 | |Flutter 完整开发实战详解(五、深入探索) | 1.WidgetsFlutterBinding
2.InheritedWidget
3.内存
4.线程
5.热更新|[点击前往](https://juejin.im/post/5bc450dff265da0a951f032b)| 恋猫de小郭 |
42 | |Flutter 完整开发实战详解(六、 深入Widget原理) | 针对描述一下 Widget 中的一些有意思的原理|[点击前往](https://juejin.im/post/5c7e853151882549664b0543)| 恋猫de小郭 |
43 | |Flutter 完整开发实战详解(七、 深入布局原理) | 1.单子元素布局
2.多子元素布局
3.多子元素滑动布局 |[点击前往](https://juejin.im/post/5c8c6ef7e51d450ba7233f51)| 恋猫de小郭 |
44 | |Flutter完整开发实战详解(八、 实用技巧与填坑) | 主要讲述 Flutter 开发过程中的实用技巧，让你少走弯路少掉坑，全篇属于很干的干货总结，以实用为主，算是在深入原理过程中穿插的实用篇章。|[点击前往](https://www.jianshu.com/p/8117fbc5b4d3)| 恋猫de小郭 |
45 | |Flutter完整开发实战详解(九、 深入绘制原理) | 本篇主要深入了解 Widget 中绘制相关的原理，探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步，结尾再通过实际例子理解如何设计一个 Flutter 的自定义绘制。|[点击前往](https://www.jianshu.com/p/d7693c47a70e)| 恋猫de小郭 |
46 | |Flutter完整开发实战详解(十、 深入图片加载流程) | 本篇主要深入了解 Flutter 中图片加载的流程，剥析图片流程中有意思的片段，结尾再实现 Flutter 实现本地图片缓存的支持。|[点击前往](https://www.jianshu.com/p/d3c94d01bd3f)| 恋猫de小郭 |
47 | |Flutter完整开发实战详解(十一、全面深入理解Stream) | 一、Stream 由浅入深
二、StreamBuilder
三、rxdart|[点击前往](https://juejin.im/post/5cc2acf86fb9a0321f042041)| 恋猫de小郭 |
48 | |Flutter完整开发实战详解(十二、全面深入理解状态管理设计) | 一、scoped_model
二、BloC
三、flutter_redux
四、fish_redux|[点击前往](https://juejin.im/post/5cc816866fb9a03231209c7c)| 恋猫de小郭 |
49 | |Flutter完整开发实战详解(十三、全面深入触摸和滑动原理) | 1、事件流程
2、事件竞争 |[点击前往](https://juejin.im/post/5cd54839f265da03b2044c32)| 恋猫de小郭 |
50 | |Flutter开发之Dart语法基础|Dart是谷歌在 2011 年推出的编程语言，是一种结构化Web编程语言，允许用户通过Chromium中所整合的虚拟机（Dart VM）直接运行Dart 语言编写的程序，免去了单独编译的步骤|[点击前往](https://juejin.im/post/5c6ba76551882562ea7233a3)| RunTitan的系列 |
51 | |Flutter开发之Dart的数据类型01|numbers(数字)
strings(字符串)
booleans(布尔)
lists (也被称之为 arrays)
maps
runes (用于在字符串中表示Unicode字符)
symbols|[点击前往](https://juejin.im/post/5c6cbd7651882523f026608c)| RunTitan的系列 |
52 | |Flutter开发之Dart的数据类型02|numbers(数字)
strings(字符串)
booleans(布尔)
lists (也被称之为 arrays)
maps
runes (用于在字符串中表示Unicode字符)
symbols|[点击前往](https://juejin.im/post/5c788a7cf265da2d8b635742)| RunTitan的系列 |
53 | |Flutter之基础Widget|Widget是Flutter开发中的主要组成部分, 是Flutter的基础, Flutter的核心设计思想便是: 一切皆Widget|[点击前往](https://juejin.im/post/5cb9955ff265da039444a67f)| RunTitan的系列 |
54 | |Flutter之布局类Widget|在Flutter中，根据Widget是否需要包含子节点将Widget分为了三类，分别对应三种Element|[点击前往](https://juejin.im/post/5cc19f8f5188252acb429ec8)| RunTitan的系列 |
55 | |Flutter之容器类Widget|1.填充类容器Padding
2.布局限制类容器
3.ConstrainedBox、SizeBox
4.装饰类容器DecoratedBox
5.变换类容器Transform
6.组合容器Container
7.导航类容器Scaffold、TabBar、AppBar等|[点击前往](https://juejin.im/post/5cc6fcedf265da034d2a2103)| RunTitan的系列 |
56 | |Flutter之基础Widget之TextField|主要介绍TextField|[点击前往](https://juejin.im/post/5cc2c880e51d453fdf6834b4)| RunTitan的系列 |
57 | |Flutter中App的主题和导航|MaterialApp|[点击前往](https://juejin.im/post/5ccee0325188253ffd574308)| RunTitan的系列 |
58 | |Flutter基础篇（1）-- 跨平台开发框架和工具集锦|1.为什么需要跨平台？
2.跨平台框架的发展历史
3.其他相关热门开发技术？|[点击前往](https://www.jianshu.com/p/de459708d9ed)| AWeiLoveAndroid基础篇 |
59 | |Flutter基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法|1.注释
2.关键字
3.变量和常量
4.特殊数据类型
5.运算符
6.控制流程语句
7.异常|[点击前往](https://www.jianshu.com/p/3d927a7bf020)| AWeiLoveAndroid基础篇 |
60 | |Flutter基础篇（3）-- Flutter基础全面详解||[点击前往](https://www.jianshu.com/p/2c9867e737a1)| AWeiLoveAndroid基础篇 |
61 | |Flutter基础篇（4）-- Flutter填坑全面总结|开发当中遇到的问题总结|[点击前往](https://www.jianshu.com/p/22675c1632dc)| AWeiLoveAndroid基础篇 |
62 | |Flutter基础篇（5）-- Flutter代码模板，解放双手，提高开发效率必备|1.使用说明
2.导入方式
3.支持的快捷键如下
4.部分使用示范图（以AS做示范）
5.关于代码模板的自定义方式|[点击前往](https://www.jianshu.com/p/4184745d6983)| AWeiLoveAndroid基础篇 |
63 | |Flutter基础篇（6）-- 水平和垂直布局详解||[点击前往](https://www.jianshu.com/p/7511cb18a05e)| AWeiLoveAndroid基础篇 |
64 | |Flutter基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解)|1.使用Git下载flutter版本的3种方式
2.遇到的问题|[点击前往](https://www.jianshu.com/p/eadc13a650c1)| AWeiLoveAndroid基础篇 |
65 | |从0开始写一个基于Flutter的开源中国客户端（1）——Flutter简介及开发环境搭建|1.Flutter简介
2.Flutter开发环境搭建 |[点击前往](https://juejin.im/post/5b4fef17e51d4519475f29f6)| yuxiyu |
66 | |从0开始写一个基于Flutter的开源中国客户端（2）——Dart语法基础|1.Dart语言的特性
2.Dart语法简介 |[点击前往](https://juejin.im/post/5b5005866fb9a04fea589561)| yuxiyu |
67 | |从0开始写一个基于Flutter的开源中国客户端（3）——初识Flutter & 常用的Widgets|1.一个最简单的Flutter App
2.Flutter项目结构
3.Flutter App是怎样的App
4.Flutter常用Widgets |[点击前往](https://juejin.im/post/5b5192c4e51d4519115d0d8f)| yuxiyu |
68 | |从0开始写一个基于Flutter的开源中国客户端（4）——Flutter布局基础|1.包含单个子Widget的布局容器
2.包含多个子Widget的布局容器 |[点击前往](https://juejin.im/post/5b5599cef265da0f6e517b31)| yuxiyu |
69 | |从0开始写一个基于Flutter的开源中国客户端（5）——App整体布局框架搭建|App整体布局框架搭建 |[点击前往](https://juejin.im/post/5b57e339e51d4519700f686b)| yuxiyu |
70 | |从0开始写一个基于Flutter的开源中国客户端（6）——各个静态页面的实现|1.侧滑菜单页面的实现
2.资讯列表页面的实现
3.动弹列表页面的实现
4.“发现”页面的实现
5.“我的”页面的实现|[点击前往](https://juejin.im/post/5b5dc77fe51d451757327412)| yuxiyu |
71 | |从0开始写一个基于Flutter的开源中国客户端（7）——App网络请求和数据存储|1.Flutter中的网络请求
2.Flutter中的数据存储
3.从网络加载资讯列表并显示
4.保存登录后的用户数据 |[点击前往](https://juejin.im/post/5b6111b3e51d45198905679a)| yuxiyu |
72 | |从0开始写一个基于Flutter的开源中国客户端（8）——插件的使用|1.搜索插件包
2.使用flutter_webview_plugin插件
3.使用event_bus插件
4.使用image_picker插件 |[点击前往](https://juejin.im/post/5b62796b5188257bca291c2f)| yuxiyu |
73 | |Flutter 的生命周期|1.widget的生命周期
2.App的生命周期
|[点击前往](https://juejin.im/post/5d1209e6e51d454d56535822)| 小德_Kurt |
74 | |Flutter Dart语法(1):extends 、 implements 、 with的用法与区别|1.继承(extends)
2.混合 mixins (with)
3.接口实现(implements) |[点击前往](https://juejin.im/post/5c4881dae51d45098e4d96cf)| 小德_Kurt |
75 | |Flutter 深入理解BuildContext | 1.什么是Navigator，MaterialApp做了什么
2.BuildContext
3.of(context)方法 |[点击前往](https://juejin.im/post/5c665cb651882562914ec153)| Vadaski |
76 | |Dart 什么是Stream|1.什么是Stream
2.如何使用Stream
3.Stream的种类 |[点击前往](https://juejin.im/post/5baa4b90e51d450e6d00f12e)| Vadaski |
77 | |状态管理探索篇——Scoped Model（一）|1.添加依赖
2.创建Model
3.将Model放入顶层
4.在子页面中获取Model|[点击前往](https://juejin.im/post/5b97fa0d5188255c5546dcf8)| Vadaski |
78 | |状态管理探索篇——Redux（二）|1.添加依赖
2.创建State
3.创建action
4.创建reducer
5.创建store
6.将Store放入顶层
7.在子页面中获取Store中的state
8.发出action|[点击前往](https://juejin.im/post/5ba26c086fb9a05ce57697da)| Vadaski |
79 | |状态管理探索篇——BLoC(三)|1.创建BLoC
2.创建BLoC实例
3.在页面中使用StreamBuilder |[点击前往](https://juejin.im/post/5bb6f344f265da0aa664d68a)| Vadaski |
80 | | 状态管理拓展篇——RxDart(四)|1.可观察对象——Observable
2.增强版StreamController——Subject |[点击前往](https://juejin.im/post/5bcea438e51d4536c65d2232)| Vadaski |
81 | |Flutter 状态管理指南篇——Provider|1.What's the problem
2.What is Provider
3.How to do
4.You also need to know
5.Tips|[点击前往](https://juejin.im/post/5d00a84fe51d455a2f22023f)| Vadaski |
82 | |Flutter之旅:Dart的基础语法|1.Dart中常见数据类型一览
2.Dart中的变量与常量
3.运算符
4.Dart中的函数
5.Dart 流程控制 |[点击前往](https://juejin.im/post/5d1d614df265da1b971a9177)| 张风捷特烈 |
83 | |Flutter之旅：从源码赏析Dart面向对象|1.面向对象的条件
2.从Size一族开始说起
3.Dart中的接口与枚举
4.自定义向量类Vector2 |[点击前往](https://juejin.im/post/5d1ef5b66fb9a07ed7409d1e)| 张风捷特烈 |
84 | |Flutter之旅：Dart语法扫尾-包访问-泛型--异常-异步-mixin|1.其他常用符号与关键字
2.库的使用和可见性
3.泛型
4.异步操作简介
5.异常处理
6.Dart中的多继承|[点击前往](https://juejin.im/post/5d20090e5188251a966be7ca)| 张风捷特烈 |
85 | |Flutter之旅：认识Widget(源码级)|1.Widget的第一印象
2.Widget的状态
3.从Icon源码看StatelessWidget组件
4.从Checkbox看StatefulWidget组件 |[点击前往](https://juejin.im/post/5d22752c6fb9a07f04206a18)| 张风捷特烈 |
86 | |Flutter小课堂-Image篇|1.Image的简单认识
2.Image的属性表现 |[点击前往](https://juejin.im/post/5d2451686fb9a07ee30e3f3a)| 张风捷特烈 |
87 | |Flutter自定义组件-MultiShower|1.先说需求
2.MultiShower的使用
3.组件的实现
4.全类展示 |[点击前往](https://juejin.im/post/5d2842ac6fb9a07eb15d82ad)| 张风捷特烈 |
88 | |Flutter小课堂：Text知多少|1.简单使用
2.Text的style属性
3.Text的其他属性
4.TextSpan |[点击前往](https://juejin.im/post/5d292ee96fb9a07edd2a4054)| 张风捷特烈 |
89 | |Flutter手势交互+自定义绘板组件v0.01|1.从RaisedButton看事件交互
2.GestureDetector事件处理
3.手绘板 v0.01 |[点击前往](https://juejin.im/post/5d2c2e9a6fb9a07ead5a2b52)| 张风捷特烈 |
90 | |Flutter动画之粒子精讲|1.何为动画
2.粒子动画
3.粒子束 |[点击前往](https://juejin.im/post/5d2d86126fb9a07ef06fc66e)| 张风捷特烈 |
91 | |Flutter 动画之 Animation|1.前言
2.Flutter动画基本使用
3.让动画更有动感:CurveTween
4.动画的监听和动画序列|[点击前往](https://juejin.im/post/5d2fe77df265da1ba56b5540)| 张风捷特烈 |
92 | |Flutter动画之自定义动画组件-FlutterLayout|1.前言
2.AnimatedWidget与AnimatedBuilder
3.组件之所为组件
4.升级FlutterLayout的功能
5.增加运动曲线|[点击前往](https://juejin.im/post/5d3148836fb9a07ea804038c)| 张风捷特烈 |
93 | |Flutter必备-StatefulWidget的打开方式|1.前言
2.从Slider开始说起
3.如何正确打开Slider
4.这样的优势
5.组件间的组合
6.状态的魅力
7.关于修改
8.关于监听
9.复用的灵活
10.小结|[点击前往](https://juejin.im/post/5d329ab26fb9a07ed8427cec)| 张风捷特烈 |
94 | |Flutter必备-Flex布局完全解读|1.前言
2.Flex的属性一览
3.轴向:direction:Axis
4.主轴方向:mainAxisAlignment:MainAxisAlignment
5.交叉轴方向:crossAxisAlignment:CrossAxisAlignment
6.主轴尺寸:mainAxisSize
7.文字方向:textDirection:TextDirection
8.竖直方向排序:verticalDirection:VerticalDirection
9.基线对齐方式:textBaseline:TextBaseline
10.用Flex布局写个小例子|[点击前往](https://juejin.im/post/5d32f47a6fb9a07ee7431961)| 张风捷特烈 |
95 | |Flutter从静态界面到抽取封装|1.微信条目的静态布局
2.微信条目的封装
3.掘金简介的静态界面
4.对静态组件的封装
5.仿淘宝商品item |[点击前往](https://juejin.im/post/5d352744e51d4510b71da6c4)| 张风捷特烈 |
96 | |Flutter必备-Dart中的异步与文件操作全面解析|1.同步
2.从读取文件开始看异步
3.Dart中的Stream流
4.Dart的文件系统|[点击前往](https://juejin.im/post/5d37e6426fb9a07ef56277ea)| 张风捷特烈 |
97 | |Flutter 基础篇 - 网络访问|1.巧妇难为无米之炊
2.Json的解析
3.网络请求包dio的使用 |[点击前往](https://juejin.im/post/5d37e6426fb9a07ef56277ea)| 张风捷特烈 |
98 | |Flutter 数据&状态篇 - setState|1.静态界面的实现
2.状态的更新
3.网络请求包dio的使用 |[点击前往](https://juejin.im/post/5d3a8e166fb9a07efa095fe3)| 张风捷特烈 |
99 | |Flutter 数据&状态篇 - redux|1.初始项目的Redux化
2.redux优势
3.对昨天TodoList的改造 |[点击前往](https://juejin.im/post/5d3c009f6fb9a07eaf2bd975)| 张风捷特烈 |
100 | |Flutter 自组篇- 蛛网图+绘制+动画实践|1.静态蛛网图
2.动画效果
3.组件封装 |[点击前往](https://juejin.im/post/5d4124296fb9a06b0f23bffe)| 张风捷特烈 |
101 | |Flutter 自组篇- 圆形进度条|1.准备阶段
2.绘制
3.使用 |[点击前往](https://juejin.im/post/5d43d866518825061a12a6ee)| 张风捷特烈 |
102 | |Flutter 基础篇 - ListView的使用|1.ListView 的基本使用
2.ListView进阶使用
3.ListView滑动控制器(上拉刷新和下拉更新)
4.physics属性|[点击前往](https://juejin.im/post/5d45140e51882533797fc8d2)| 张风捷特烈 |
103 | |Flutter 插件篇 - 从自定义插件开始说起|1.Flutter插件创建与结构简析
2.第一个插件代码分析
3.获取缓存文件夹
4.其他工程引用插件|[点击前往](https://juejin.im/post/5d47d8fd6fb9a06ac93cb519)| 张风捷特烈 |
104 | | Flutter 基础篇 - 聊聊那些弹框|1.搭个场子再说
2.对话框:SimpleDialog
3.对话框:AlertDialog
4.对话框:CupertinoAlertDialog
5.瞎玩一下
6.对话框中的StatefulWidget
7.底部弹框:SnackBar
8.底部抽屉:BottomSheet
9.日历选表：showDatePicker
10.选择表：CupertinoPicker
11.日期选卡：CupertinoPicker
12.日期选卡：CupertinoPicker|[点击前往](https://juejin.im/post/5d4bb7926fb9a06b084ce1d0)| 张风捷特烈 |
105 | |Flutter 插件篇 - 认识MethodChannel|1.从吐司弹框开始说起(Android端/Java)
2.从吐司弹框开始说起(iOS端/Swift)
3.Flutter视角看MethodChannel
4.Android视角看MethodChannel
5.信息发送追踪|[点击前往](https://juejin.im/post/5d5137756fb9a06b19732ce4)| 张风捷特烈 |
106 | |Flutter 自组篇- Flutter中四十行代码能做什么？|1.TreeWidget的思路
2.TextTreeWidget的封装 |[点击前往](https://juejin.im/post/5d523aa0f265da03b76b15b1)| 张风捷特烈 |
107 | |Flutter 数据&状态篇 - InheritedWidget|1.现在来模拟一下这个情景
2.第一个解决方案：InheritedWidget |[点击前往](https://juejin.im/post/5d590e656fb9a06b1b19be8e)| 张风捷特烈 |
108 | | Flutter 福利篇 - Hero转场组件共享 — 附赠-路由动画工具类|1.起始页：OriginPage
2.目标页：TargetPage
3.关于createRectTween属性
4.福利时间：路由动画工具|[点击前往](https://juejin.im/post/5d6b2b79e51d453bdc41c112)| 张风捷特烈 |
109 | | Flutter 技能篇 - debug 看程序启动|1.debug基本操作
2.多断点的使用及其他 |[点击前往](https://juejin.im/post/5d735052f265da03ca119183)| 张风捷特烈 |
110 | | Flutter 技能篇 - ui.Image加载探索|1.如何使用Canvas绘制图片
2.从ImageProvider获取及Image
3.保存网络图片的缩略图
4.网络图片的加载及缓存文件的有效期 |[点击前往](https://juejin.im/post/5d79c6dbe51d4561e43a6d3e)| 张风捷特烈 |
111 | | Flutter漫谈篇- StatelessWidget Or StatefulWidget|1.描述统一形式化
2.StatelessWidget : f(x) = 2
3.StatefulWidget : g(x) = 2x
4.如何抉择
5.StatefulWidget得天独厚的优势
6.滥用StatefulWidget-机智如你|[点击前往](https://juejin.im/post/5d884a2e5188250962725e78)| 张风捷特烈 |
112 | | Flutter趣玩篇- 出神入化的Align|1.Align的源码|[点击前往](https://juejin.im/post/5d89967ee51d453b1e478b9a)| 张风捷特烈 |
113 | | Flutter趣玩篇- 出神入化的Align+动画|1.代码实现
2.简单封装|[点击前往](https://juejin.im/post/5d8d78f7f265da5ba3082f60)| 张风捷特烈 |
114 | | Flutter-技能篇 - 使用Provider前你应了解Consumer|1.一把梭
2.Consumer来帮忙
3.Consumer做了什么|[点击前往](https://juejin.im/post/5daa928551882529d1528d0c)| 张风捷特烈 |
115 | | Flutter 状态篇 - 主题色切换+国际化 三连|1.provoder实现主题切换和国际化:provider: ^03.1.0+1
2.redux实现主题切换和国际化:flutter_redux: ^0.5.3
3.BLoC实现主题切换和国际化:flutter_bloc: ^0.22.1|[点击前往](https://juejin.im/post/5daa928551882529d1528d0c)| 张风捷特烈 |
116 | | Dart语法篇之基础语法(一)|1.Hello Dart
2.数据类型
3.变量和常量
4.集合(List、Set、Map)
5.流程控制
6.运算符
7.异常
8.函数
9.面向对象|[点击前往](https://zhuanlan.zhihu.com/p/88728224)| 极客熊猫 |
117 | | Dart语法篇之集合的使用与源码解析(二)|1.List
2.Set
3.Map
4.Queue
5.LinkedList
6.HashMap
7.Map、HashMap、LinkedHashMap、SplayTreeMap区别
8.命名构造函数from和of的区别以及使用建议 |[点击前往](https://zhuanlan.zhihu.com/p/89392018)| 极客熊猫 |
118 | | Dart语法篇之集合操作符函数与源码分析(三)|1.Iterable
2.forEach
3.map
4.any
5.every
6.where
7.firstWhere和singleWhere和lastWhere
8.join
9.take
10.takeWhile
11.skip
12.skipWhile
13.follwedBy
14.expand
15.reduce/fold
16.elementAt|[点击前往](https://zhuanlan.zhihu.com/p/90373910)| 极客熊猫 |
119 | | Dart语法篇之函数的使用(四)|1.函数参数
2.匿名函数(闭包，lambda)
3.箭头函数
4.局部函数
5.顶层函数和静态函数
6.main函数
7.Function函数对象 |[点击前往](https://zhuanlan.zhihu.com/p/90785284)| 极客熊猫 |
120 | | Dart语法篇之面向对象基础(五)|1.属性访问器(accessor)函数setter和getter
2.面向对象中的变量
3.构造函数
4.抽象方法、抽象类和接口
5.类函数 |[点击前往](https://zhuanlan.zhihu.com/p/91352361)| 极客熊猫 |
121 | | Dart语法篇之面向对象继承和Mixins(六) |1.类的单继承
2.基于Mixins的多继承 |[点击前往](https://zhuanlan.zhihu.com/p/91883129)| 极客熊猫 |
122 | | Dart语法篇之类型系统与泛型(七) |1.可选类型
2.接口类型
3.泛型
4.类型具体化|[点击前往](https://zhuanlan.zhihu.com/p/93671943)| 极客熊猫 |
123 | | Flutter 老孟 |1.组件
2.实战
3.精彩文章
4.插件|[点击前往](http://laomengit.com)| 老孟Flutter |
124 | | 【Flutter 实战】大量复杂数据持久化 |1.添加依赖
2.单例模式创建 SQLite 访问
3.初始化数据库
4.保存数据
5.查询数据
6.更新数据
7.删除数据 |[点击前往](https://juejin.im/post/6876023842070855687)| 老孟Flutter |
125 | |--------------|-------------|-|-------------|
126 | | Flutter试用报告 | 1.Flutter 为何使用Dart开发语言
2.Flutter的UI系统
3.Flutter与Native的交融 | [点击前往](https://juejin.im/post/5c64cc2d518825626b76d7a5) | |
127 | |Flutter调试技巧总结——高效开发的秘密|我将自己遇到的错误类型归 语法和代码错误 、 运行时错误 和 逻辑错误 三大类，同时还从官方文档总结了 界面调试 的技巧，分享给大家。|[点击前往](https://juejin.im/post/5bb9b8a75188255c791b1984)| |
128 | |使用Flutter来完成Uplabs上炫酷的交互|1.What is Flutter?
2.What is Uplabs?
3.How to implement ？
4.Join in Flutter-UI-Challenges|[点击前往](https://juejin.im/post/5cd7fa286fb9a0322b5c17bc)| |
129 | |Flutter 44集免费基础视频教程|1-Flutter基础视频教程
2-Flutter 20课小实例练习 |[点击前往](https://juejin.im/post/5c452bac6fb9a049af6d919a)| |
130 | |我看完掘金上的227篇文章，总结出一份 Flutter 入门教程|1.Flutter 简介
2.为什么原生应用开发者需要关注 Flutter
3.Flutter 英文官网
4.Flutter 安装（Windows）
5.Flutter 安装（Mac）
6.Google 跨平台方案 Flutter 从入门到实战
7.Flutter 布局详解
8.Flutter 布局（一）- Container详解
9.Flutter 布局（二）- Padding、Align、Center详解
10.Flutter 布局（三）- FittedBox、AspectRatio、ConstrainedBox详解
11.Flutter Widgets: Image
12.Flutter Widgets: Text
13.浅尝 Flutter 中的 http 请求|[点击前往](https://juejin.im/post/5b3c8a4be51d4519935860d5)| |
131 | |flutter-study|1.Flutter 布局
2.Flutter 动画
3.现有项目中集成Flutter
4.Flutter Plugin开发流程|[点击前往](https://github.com/yang7229693/flutter-study)| |
132 | |还在写iOS？是时候学一下Flutter了|1.Widget与UIView
2.如何对Widget布局
3.如何从布局中添加或者删除一个组件
4.如何设置Widget 动画
5.如何绘制到屏幕上
6.widget的透明度在
7.如何实现自定义widget
8.导航|[点击前往](https://juejin.im/post/5ce20dec5188250f9d5d505a#heading-9)| RiverLi |
133 | |Flutter布局详解，必知必会|1.线性布局Row和Column
2.弹性布局Flex
3.流式布局Wrap、Flow
4.层叠布局Stack、Positioned
|[点击前往](https://juejin.im/post/5c2458d6f265da613a541349)| 升级之路 |
134 | |用Flutter构建漂亮的UI界面 - 基础组件篇|1.前言
2.基础组件
3.布局实战
4.总结
|[点击前往](https://www.jianshu.com/p/d20bb417cd70)| 小石头若海 |
135 | | Flutter框架分析（三）-- Widget，Element和RenderObject | 1.Widget
2.Element
3.RenderObject | [点击前往](https://www.jianshu.com/p/988011994c22) | |
136 | |--------------|-------------|-|-------------|
137 | |Flutter 状态管理之 Provider|1.单个 Provider 的情况
2.使用 MultiProvider 管理多个共享数据类 |[点击前往](https://www.jianshu.com/p/988011994c22)| mclzone |
138 | |八种 Flutter 状态管理-深入评论|1.setState
2.Function callback
3.Delegate
4.Sigslot
5.pkg:scoped_model
6.pkg:provide
7.flutter-provide
8.RxDart, Fish-Redux|[点击前往](https://juejin.im/post/5cdee8a151882525b21a5f9e)| mclzone |
139 | |Flutter - 使用Provider实现状态管理|1.搭建App的架构
2.使用Provider管理state
3.和业务逻辑通信
4.创建核心业务逻辑
.... |[点击前往](https://segmentfault.com/a/1190000022263763)| 小红星闪啊闪|
140 | |Flutter状态管理provider的使用和封装|1.provider
2.ChangeNotifierProvider
3.FutureProvider
4.StreamProvider
5.ValueListenableProvider
6.ValueListenableProvider
7.MultiProvider
8.ProxyProvider |[点击前往](https://juejin.im/post/5ed3df5951882542fc624efb)| 艾维码 |
141 | |Flutter Provider状态管理-Consumer|1.引包
2.采用最简单的计数器代码来整合provider
3.Cosumer|[点击前往](https://blog.csdn.net/u013894711/article/details/102782366)| autonomousjack|
142 | |Flutter Provider状态管理 - Selector|1.counter_provider.dart
2.my_page.dart|[点击前往](https://blog.csdn.net/u013894711/article/details/102785532)| autonomousjack|
143 | |Flutter局部刷新|1.通过provider刷新
2.StreamBuilder实现局部刷新|[点击前往](https://blog.csdn.net/sjdjdjdjahd/article/details/103457385)| autonomousjack|
144 |
145 |
146 |
147 |
148 |
149 |
150 | ## -------------------------[基础控件](#back)-------------------------
151 |
152 | | 基础细节 | 备注信息 | 网址 | 分类 |
153 | | --- | --- | --- | --- |
154 | | -------------🔥圆🔥-------------| | | -------------------------- |
155 | |Flutter Decoration背景设定（边框、圆角、阴影、形状、渐变、背景图像等）| | [点击前往](https://blog.csdn.net/chenlove1/article/details/83627831) |【圆】 |
156 | |Flutter 图片、圆形头像、圆角图片....各种形状| | [点击前往](https://blog.csdn.net/weixin_44862319/article/details/88993060) |【圆】 |
157 | |Flutter 圆形/圆角头像| | [点击前往](https://www.jianshu.com/p/b4085a1a5129) |【圆】 |
158 | |Flutter中的圆角和圆形效果| | [点击前往](https://blog.csdn.net/changzengli/article/details/92782681) |【圆】 |
159 | |Flutter 裁剪布局之 ClipRect、ClipRRect、ClipOval、ClipPath、CustomClipper| | [点击前往](https://blog.csdn.net/ITxiaodong/article/details/105029358) |【圆】 |
160 | | -------------🔥图片🔥-------------| ------------- | - | --- |
161 | |Flutter - 图片加载| | [点击前往](https://juejin.im/post/5e3bbb07f265da574f352dc9) |【图片】 |
162 | |Flutter - 加载网络图片的几种方式| | [点击前往](https://www.jianshu.com/p/63d1a4b36e15) |【图片】 |
163 | |Flutter Image 本地&网络图片、圆形图片、CachedNetworkImage Widget 和 FadeInImage Widget| | [点击前往](http://www.ptbird.cn/flutter-image-cachednetworkimage-fadeinimage.html) |【图片】 |
164 | |Flutter 中的图文混排与原理解析| | [点击前往](https://juejin.im/post/5e68b6ae6fb9a07cdb468722) |【图片】 |
165 | |flutter 保存图片到本地| | [点击前往](https://www.jianshu.com/p/5b14ed98d8bd) |【图片】 |
166 | |flutter 保存图片| | [点击前往](https://blog.csdn.net/isusjjyy/article/details/102800128) |【图片】 |
167 | | -------------🔥框架🔥-------------| ------------- | - | --- |
168 | |根据一个完整项目学习Flutter—1、使用主题共享颜色和字体样式(ThemeData)|| [点击前往](https://www.jianshu.com/p/7929e90a19d4) |【框架】 |
169 | |Flutter：Theme|| [点击前往](https://www.jianshu.com/p/059c5794b29c) |【框架】 |
170 | |Flutter进阶—路由和导航|| [点击前往](https://blog.csdn.net/hekaiyou/article/details/72853738) |【框架】 |
171 | |Flutter路由跳转及参数传递|| [点击前往](https://www.jianshu.com/p/866619e22941) |【框架】 |
172 | |Flutter学习之路由传参|| [点击前往](https://blog.csdn.net/qq_18948359/article/details/82932748) |【框架】 |
173 | |flutter之使用自定义字体库|| [点击前往](https://www.jianshu.com/p/efa6b4316d0a) |【框架】 |
174 | |flutter json解析相关 for json_serializable| | [点击前往](https://www.jianshu.com/p/4210536124b1) |【框架】 |
175 | |Flutter dio结合json_serializable请求数据并解析Demo| | [点击前往](https://www.jianshu.com/p/fc7debbb22ae) |【框架】 |
176 | |Flutter(二十一)——dio库| | [点击前往](https://blog.csdn.net/liyuanjinglyj/article/details/104495013) |【框架】 |
177 | |Flutter入门进阶之旅（十七）Flutter dio网络请求| | [点击前往](https://www.jianshu.com/p/e010041f0ec0/) |【框架】 |
178 | |flutter 生命周期| | [点击前往](https://blog.csdn.net/u011272795/article/details/82695920) |【框架】 |
179 | |总结了30个例子之后，我悟到了Flutter的布局原理| | [点击前往](https://juejin.cn/post/6914155427651387399) |【框架】 |
180 | |Flutter自定义渐变色AppBar| | [点击前往](https://www.jianshu.com/p/09c280d76562) |【框架】 |
181 | | Flutter在Ios中实现极光推送 | | [点击前往](http://bbs.itying.com/topic/5d70a5382a95ee138cf28d2e) |【框架】 |
182 | | Flutter国际化的三种方式-->intl | | [点击前往](https://www.jianshu.com/p/6ca24dd50c57) |【框架】 |
183 | | Flutter - International 国际化，Localization 本地化， 使用Intl | | [点击前往](http://ddrv.cn/a/154389) |【框架】 |
184 | | Flutter底部tab切换保持页面状态的几种方法 | | [点击前往](https://cloud.tencent.com/developer/article/1507094) |【框架】 |
185 | |Flutter状态管理终极方案GetX第二篇——状态管理| |[点击前往](https://juejin.cn/post/6907622450151096334)|【框架】|
186 | | -------------🔥控件🔥-------------| ------------- | - | --- |
187 | |Flutter学习笔记1-Widgets划分|| [点击前往](https://www.jianshu.com/p/febadddaf306) |【控件】 |
188 | |Flutter之MaterialApp使用详解|| [点击前往](https://cloud.tencent.com/developer/article/1337184) |【控件】 |
189 | |Flutter-WillPopScope-双击返回与界面退出提示|| [点击前往](https://www.jianshu.com/p/befe02d60944) |【控件】 |
190 | |Flutter基础Widget之按钮（RaisedButton、FlatButton、OutlineButton，IconButton）|| [点击前往](https://blog.csdn.net/yuzhiqiang_1993/article/details/85004313) |【控件】 |
191 | |Flutter - 自定义Dialog|| [点击前往](https://www.jianshu.com/p/4bbbb5aa855d) |【控件】 |
192 | |Flutter 控件之 文本和基本的容器|| [点击前往](http://blog.chengyunfeng.com/?p=1040) |【控件】 |
193 | |Flutter文本输入框TextField属性（InputDecoration、textInputAction、inputFormatters等等）详解|| [点击前往](https://blog.csdn.net/yuzhiqiang_1993/article/details/88204031) |【控件】 |
194 | |Flutter中TextField使用|| [点击前往](https://juejin.im/post/5c20787fe51d4554055562fd) |【控件】 |
195 | |Flutter花式玩转TextField，写一个验证码输入框超简单！|| [点击前往](https://www.jianshu.com/p/70faaf9722b1) |【控件】 |
196 | |flutter控件之---------TextField|| [点击前往](https://www.jianshu.com/p/5d44d26d3556) |【控件】 |
197 | |Flutter：修改TextField的高度，以及无边框圆角| | [点击前往](https://www.cnblogs.com/ChengYing-Freedom/p/10304959.html) |【控件】 |
198 | |Flutter控制某个TextField获取焦点及失去焦点| | [点击前往](https://www.cnblogs.com/gxsyj/p/11156323.html) |【控件】 |
199 | |Flutter上拉抽屉实现| | [点击前往](https://www.jianshu.com/p/c0dcce6297c9) |【控件】 |
200 | |Flutter 控件-Drawer使用| | [点击前往](https://www.jianshu.com/p/70e0324c0204) |【控件】 |
201 | |Flutter 手动控制drawer（抽屉）打开关闭| | [点击前往](https://www.jianshu.com/p/1b30f3bfc1e6) |【控件】 |
202 | |Flutter 入门之 ListTile 使用指南| | [点击前往](https://juejin.im/post/5c88d6c4f265da2de970bc24) |【控件】 |
203 | |Flutter Checkbox（复选框）| | [点击前往](https://www.jianshu.com/p/d5b2bbc7f89d) |【控件】 |
204 | |Flutter Checkbox CheckboxListTile| | [点击前往](https://blog.csdn.net/mengks1987/article/details/85107393) |【控件】 |
205 | |Flutter网格型布局 - GridView篇| | [点击前往](https://www.jianshu.com/p/e8fd23006774) |【控件】 |
206 | |Flutter 基础组件之 Stack| | [点击前往](https://blog.csdn.net/zgcqflqinhao/article/details/85328665) |【控件】 |
207 | |Flutter Widget - Positioned;| | [点击前往](https://juejin.im/post/5c7dd8af6fb9a049b41d357a) |【控件】 |
208 | |Flutter 超实用简单菜单弹出框 PopupMenuButton| | [点击前往](https://juejin.im/post/5d48b3efe51d453b7779d4e4) |【控件】 |
209 | |Flutter DropdownButton简单使用及魔改源码| | [点击前往](https://cloud.tencent.com/developer/article/1472188) |【控件】 |
210 | |Flutter TabBar、TabBarView的使用| | [点击前往](https://blog.csdn.net/yechaoa/article/details/90482127#TabBarTabBarView_60) |【控件】 |
211 | | Flutter: Wrap 、Chip、CircleAvatar实现 流式搜索记录布局 | | [点击前往](https://www.jianshu.com/p/128b9b34efd0) |【控件】 |
212 | | Flutter 布局控件完结篇 | | [点击前往](https://www.jianshu.com/p/01bf6da35b96) |【控件】 |
213 | |Flutter跨平台移动端开发丨SingleChildScrollView、ListView、GridView、CustomScrollView、ScrollController| | [点击前往](https://www.jianshu.com/p/eb137a05ddba) |【控件】 |
214 | |在Flutter中创建有意思的滚动效果 - Sliver系列| | [点击前往](https://segmentfault.com/a/1190000019902201) |【控件】 |
215 | |Flutter - 循序渐进 Sliver| | [点击前往](https://juejin.im/post/5eba7bd8f265da7bf32d47e5) |【控件】 |
216 | |Flutter：Slivers大家族，让滑动视图的组合变得很简单！| | [点击前往](https://juejin.im/post/5bceb534e51d457aa4596f9a) |【控件】 |
217 | |Flutter SliverAppBar全解析，你要的效果都在这了！| | [点击前往](https://blog.csdn.net/yechaoa/article/details/90701321) |【控件】 |
218 | |SliverAppBar,CustomScrollView,NestedScrollView的使用| | [点击前往](https://www.cnblogs.com/lxlx1798/p/11115573.html) |【控件】 |
219 | |flutter控件----NestedScrollView+TabBar+TabBarView实现折叠顶部布局| | [点击前往](https://blog.csdn.net/S43565442/article/details/86484426) |【控件】 |
220 | |Flutter 扩展NestedScrollView （一）Pinned头引起的bug解决| | [点击前往](https://juejin.im/post/5bea43ade51d45544844010a) |【控件】 |
221 | |Flutter 扩展NestedScrollView （二）列表滚动同步解决| | [点击前往](https://juejin.im/post/5bea90c6e51d450319791b2e) |【控件】 |
222 | |Flutter 扩展NestedScrollView （三）下拉刷新的解决| | [点击前往](https://juejin.im/post/5beb91275188251d9e0c1d73) |【控件】 |
223 | |Flutter 69: 图解基本 Stepper 步进器| | [点击前往](http://www.imooc.com/article/296348) |【控件】 |
224 | |Flutter系列之UI篇：文本显示——RichText| | [点击前往](https://blog.csdn.net/jungle_pig/article/details/95069268) |【控件】 |
225 | |flutter组件 RefreshIndicator,Opacity,ClipOval,ClipRRect| | [点击前往](https://blog.csdn.net/litter_lj/article/details/98876340) |【控件】 |
226 | |你知道吗，Flutter内置了10多种show| | [点击前往](https://www.jianshu.com/p/1ed01d528858) |【控件】 |
227 | | -------------🔥WebView🔥-------------| ------------- | - | --- |
228 | |在 Flutter 中使用 WebView| | [点击前往](https://www.jianshu.com/p/91b4c615b2b4) |【WebView】 |
229 | |Flutter插件之webview_flutter简要使用说明| | [点击前往](https://blog.csdn.net/zhuang_jiaozhi/article/details/102703809) |【WebView】 |
230 | |Flutter WebView与JS交互简易指南| | [点击前往](https://www.jianshu.com/p/de0a78eb17ae) |【WebView】 |
231 | |一次 Flutter WebView 性能优化| | [点击前往](https://zhuanlan.zhihu.com/p/103012116) |【WebView】 |
232 | | -------------🔥常识🔥-------------| ------------- | - | --- |
233 | |深入理解Flutter多线程|| [点击前往](https://www.jianshu.com/p/54da18ed1a9e) |【常识】 |
234 | |Flutter 深入浅出Key| | [点击前往](https://www.jianshu.com/p/510c72cecf26) |【常识】 |
235 | |Flutter相关函数记录| | [点击前往](https://blog.csdn.net/a1540077373/article/details/80742962) |【常识】 |
236 | |Flutter倒计时定时器（一）| | [点击前往](https://www.jianshu.com/p/9f1511d74da5) |【常识】 |
237 | | flutter发送短信 打电话 打开链接 打开其他APP | | [点击前往](https://blog.csdn.net/u011272795/article/details/82786027) |【常识】 |
238 | |Flutter更新showDialog中的内容| | [点击前往](https://juejin.im/entry/5cd264ff6fb9a032332b4510) |【常识】 |
239 | |Flutter DateTime日期转换| | [点击前往](https://blog.csdn.net/ruoshui_t/article/details/93072017) |【常识】 |
240 | |Flutter知识点: Notification| 解决方案1： 参考Flutter知识点: InheritedWidget
解决方案2：Notification，子节点状态变更，发送通知上报。 | [点击前往](https://www.jianshu.com/p/d9e7e7ad4daa) |【常识】 |
241 | |容器类Widget-约束盒子ConstrainedBox和SizedBox容器| | [点击前往](https://www.jianshu.com/p/ba46bcfdf827) |【常识】 |
242 | | flutter 中监听滑动事件| | [点击前往](https://learnku.com/articles/30338) |【常识】 |
243 | | flutter控件Flexible和 Expanded的区别 | | [点击前往](https://blog.csdn.net/chunchun1230/article/details/82460257) |【常识】 |
244 | | 初学Flutter基础：关于InheritedWidget的理解 | | [点击前往](https://blog.csdn.net/XG1057415595/article/details/86761702) |【常识】 |
245 | |说说Flutter中的RepaintBoundary| | [点击前往](https://juejin.im/post/5deda528f265da339f7ce93c) |【常识】 |
246 | |Flutter的四种运行模式：Debug、Release、Profile和test| | [点击前往](https://www.jianshu.com/p/4db65478aaa3) |【常识】 |
247 | |Flutter给iOS数字键盘增加完成按钮| | [点击前往](https://juejin.im/post/6861843631620718599) |【常识】 |
248 | | -------------🔥绘制🔥-------------| ------------- | - | --- |
249 | |flutter 用 CustomPaint 绘制自定义图案| | [点击前往](https://learnku.com/articles/31324) |【绘制】 |
250 | | -------------🔥动画🔥-------------| ------------- | - | --- |
251 | |Flutter 入门指北(Part 10)之手势处理和动画| | [点击前往](https://juejin.im/post/5cb340af6fb9a068b748ab6e) |【动画】 |
252 | |Flutter知识点: Animation| | [点击前往](https://www.jianshu.com/p/32fee75d9e70) |【动画】 |
253 | |Flutter 动画之 AnimationController| | [点击前往](https://www.jianshu.com/p/32fee75d9e70) |【动画】 |
254 | |【译】Flutter进阶：在应用中实现 Hero(飞行) 动画| | [点击前往](https://juejin.im/post/5c4dae0de51d456e41391586) |【动画】 |
255 | |Flutter Hero动画| | [点击前往](https://flutterchina.club/animations/hero-animations/) |【动画】 |
256 | | Flutter中的动画 | | [点击前往](https://www.jianshu.com/p/bc9fbfab70df) |【动画】 |
257 | | flutter SlideTransition实现平移动画 | | [点击前往](https://blog.csdn.net/zl18603543572/article/details/95259555) |【动画】 |
258 | |Flutter 44: 图解矩阵变换 Transform 类 (一)| | [点击前往](http://www.imooc.com/article/286667) |【动画】 |
259 | |AnimatedCrossFade| | [点击前往](https://api.flutter.dev/flutter/widgets/AnimatedCrossFade-class.html) |【动画】 |
260 | |Flutter “孔雀开屏”的动画效果| | [点击前往](https://juejin.im/post/5eca5f7cf265da76f65305ae) |【动画】 |
261 | |A Deep Dive into the Flutter Animations package| | [点击前往](https://medium.com/flutter-nyc/a-deep-dive-into-the-flutter-animations-package-3e26b10c43c1) |【动画】 |
262 | |Flutter(Flare) 最有趣用户交互动画没有之一| | [点击前往](https://segmentfault.com/a/1190000023090234) |【动画】 |
263 | | -------------🔥地图🔥-------------| ------------- | - | --- |
264 | |Exploring Google Maps in Flutter|【科学上网】| [点击前往](https://medium.com/flutter-community/exploring-google-maps-in-flutter-8a86d3783d24) |【地图】 |
265 | |Flutter - Google map widget plugin example.|【科学上网】| [点击前往](https://www.developerlibs.com/2019/04/flutter-google-map-widget-plugin-example.html) |【地图】 |
266 | |Flutter – Google Maps, Markers and Polygons|【科学上网】| [点击前往](http://tphangout.com/flutter-google-maps-markers-and-polygons/) |【地图】 |
267 | |Flutter - Google map plugin.|【科学上网】| [点击前往](https://www.developerlibs.com/2018/07/flutter-with-google-map.html) |【地图】 |
268 | |Flutter - How can draw route on google map between markers.|【科学上网】| [点击前往](https://www.developerlibs.com/2018/08/flutter-how-can-draw-route-on-google.html) |【地图】 |
269 | |Building Places & Location Search with Map View Using Flutter 1.0|【科学上网】| [点击前往](https://medium.com/flutter-community/building-places-location-search-with-map-view-using-flutter-1-0-alfian-losari-66cacb3bcc24) |【地图】 |
270 | |Automatic Json Serializing in Flutter Using Json Annotation|【科学上网】| [点击前往](https://medium.com/flutter-community/generate-the-code-to-parse-your-json-in-flutter-c68aa89a81d9) |【地图】 |
271 | |Flutter 实战进阶|【科学上网】| [点击前往](https://www.ldsun.com/flutter-practice/) |
272 | | -------------🔥原生🔥-------------| ------------- | - | --- |
273 | |深入理解Flutter Platform Channel| | [点击前往](https://www.jianshu.com/p/39575a90e820) |【原生】 |
274 | |Flutter项目调用安卓原生代码| | [点击前往](https://blog.csdn.net/weixin_43851639/article/details/100555538) |【原生】 |
275 | |Flutter调用iOS原生方法| | [点击前往](https://www.jianshu.com/p/e0d73109daec) |【原生】 |
276 | | -------------🔥拓展🔥-------------| ------------- | - | --- |
277 | |Flutter实战：手把手教你写Flutter Plugin|| [点击前往](https://www.jianshu.com/p/c38dd2efa64a) |【拓展】 |
278 | |告别手写，自动生成Flutter/Dart实体类|| [点击前往](https://blog.csdn.net/laxian2009/article/details/83594253) |【拓展】 |
279 | | -------------🔥技巧效率🔥-------------| ------------- | - | --- |
280 | |Flutter快捷键(Mac & Android Studio)|| [点击前往](https://www.jianshu.com/p/7cff367dbdde) |【效率】 |
281 |
282 |
283 |
284 |
285 |
286 |
287 | ## -------------------------[基础语法](#back)-------------------------
288 | | 基础语法 | 备注信息 | 网址 |
289 | | --- | --- | --- |
290 | | flutter【1】-Dart语言--基本知识 || [点击前往](https://www.jianshu.com/p/f1ae704fdbe3) |
291 | | flutter【2】dart语言--内置数据类型 | | [点击前往](https://www.jianshu.com/p/6ffa174aa754) |
292 | | flutter【3】dart语言--方法 | | [点击前往](https://www.jianshu.com/p/a9a9c449edb9) |
293 | | flutter【4】dart语言--操作符 | | [点击前往](https://www.jianshu.com/p/1e11c2017e97) |
294 | | flutter【5】dart语言--流程控制语句 | | [点击前往](https://www.jianshu.com/p/2e97cb87c034) |
295 | | flutter【6】dart语言--异常 | | [点击前往](https://www.jianshu.com/p/7450d316d257) |
296 | | flutter【7】dart语言--类 | | [点击前往](https://www.jianshu.com/p/c5f61772d995) |
297 | | flutter【8】dart语言--泛型 | | [点击前往](https://www.jianshu.com/p/0a3f62dca352) |
298 | | flutter【9】dart语言--库和可见性 | | [点击前往](https://www.jianshu.com/p/6994a633b1a9) |
299 | | flutter【10】dart语言--异步支持 | | [点击前往](https://www.jianshu.com/p/02d64e9ba99a) |
300 | | 01– 变量, 类型和 函数 | | [点击前往](https://juejin.im/post/5b2bafdaf265da597c772819) |
301 | | 02 –控制流 和异常 | | [点击前往](https://juejin.im/post/5b2c4d3151882574957a721b) |
302 | | 03 – 类和泛型 | | [点击前往](https://juejin.im/post/5b2c55e9e51d4558aa04f8f4) |
303 | | 04 – 异步和库 | | [点击前往](https://juejin.im/post/5b2c67a351882574a756f2eb) |
304 | | flutter-dart 类的构造函数 | | [点击前往](https://juejin.im/post/5b2b4c36f265da59b243cac9) |
305 | | flutter 中factory（构造方法上的唯一对象） 与单例模式 | | [点击前往](https://blog.csdn.net/sinat_31057219/article/details/90237902) |
306 | | Flutter基础：理解Dart的Mixin继承机制 | | [点击前往](https://kevinwu.cn/p/ae2ce64/#Dart版本实现) |
307 | | Flutter 知识梳理 (Dart) - implements, extends, mixin 的理解 | | [点击前往](https://www.jianshu.com/p/18e8d285c81a) |
308 | | Flutter系列之异步篇：Future，Stream，Isolate | | [点击前往](https://blog.csdn.net/jungle_pig/article/details/96710171) |
309 | | FutureBuilder的使用以及防止FutureBuilder不必要重绘的两种方法 | | [点击前往](https://blog.csdn.net/u011272795/article/details/83010974) |
310 | | Flutter中如何利用StreamBuilder和BLoC来控制Widget状态| | [点击前往](https://www.jianshu.com/p/024b19dea138) |
311 | | Flutter响应式编程 - Stream | | [点击前往](https://www.jianshu.com/p/675f797f8280) |
312 | | Flutter Stream简介及部分操作符使用 | | [点击前往](https://www.haowuliaoa.com/article/info/563717.html) |
313 | | Stream in Dart | | [点击前往](https://www.jianshu.com/p/1bd3bca98465) |
314 | | Flutter嵌套深？扩展函数了解一下 | | [点击前往](https://juejin.im/post/5e086b8c6fb9a0160116a90d) |
315 | | Dart-计算哈希摘要（MD5，SHA1，SHA256，SHA512等） | | [点击前往](https://www.woolha.com/tutorials/dart-calculate-hash-digest-examples) |
316 | | Dart tips for Flutter | 本文翻译自 Code With Andrea 的一个名为 《Dart & Flutter Easy Wins》的文章集，主要分享一些 Dart for Flutter 语言层面上的小技巧。这些技巧能够帮助大家写出精简、高效、符合 Google 标准的代码，会不定期更新。| [点击前往](https://juejin.im/post/6875645074068865031) |
317 | | Stripe Payment In Flutter | | [点击前往](https://medium.com/flutterdevs/stripe-payment-in-flutter-d7f87f9a193c) |
318 |
319 |
320 |
321 |
322 |
323 | ## -------------------------[项目实战](#back)-------------------------
324 |
325 | | 项目实战 | 备注信息 | 网址 |
326 | | --- | --- | --- |
327 | | Flutter 性能优化实践 总结 | 👍👍👍👍👍 | [点击前往](https://juejin.im/post/5dfc64526fb9a01601169c28) |
328 | | Flutter 性能优化 Tips | | [点击前往](https://www.codercto.com/a/45482.html) |
329 | | Flutter性能优化实践 —— UI篇 | | [点击前往](https://juejin.im/post/5eb8c4ade51d454da43e224b) |
330 | | Flutter实战详解--高仿好奇心日报 | | [点击前往](https://juejin.im/post/5c31f7236fb9a04a04412d0b) |
331 | |Flutter知乎App实践：UI+Json+Utils|| [点击前往](https://juejin.im/post/5c5014a6518825260d7ef89a) |
332 | |Flutter 仿滴滴出行App|| [点击前往](https://www.jianshu.com/p/f6d1206aa80a) |
333 | |基于Google Flutter的WanAndroid客户端|| [点击前往](https://github.com/Sky24n/flutter_wanandroid) |
334 | |Flutter实战之实现一个简单的新闻阅读器|| [点击前往](https://juejin.im/post/5aae5bb4518825558c4736b5) |
335 | |还不会用Flutter？仿网易云音乐项目（已开源）|| [点击前往](https://www.jianshu.com/p/f2ff3f5d50bc) |
336 | |Flutter之撸一个漂亮的登录界面的总结|| [点击前往](https://www.jianshu.com/p/0c2ba709b95e) |
337 | |Flutter交互实战－即刻App探索页下拉＆拖拽效果|| [点击前往](https://juejin.im/post/5c7c72de5188253ec91e3093) |
338 | |请收下我的 20 个 Flutter 开源项目| 👍👍👍👍👍 | [点击前往](https://www.jianshu.com/p/72e359bfe1e0) |
339 | |Flutter 实战：撸半个知乎日报~ThemeListPage|| [点击前往](https://www.jianshu.com/p/265fd0fa6762) |
340 | |Flutter-评分控件(Rating Bar)的制作|| [点击前往](https://www.jianshu.com/p/6d23602695f5) |
341 | |日更的FlutterDemo合集，今天你fu了吗|👍👍👍👍👍| [点击前往](https://github.com/OpenFlutter/Flutter-Notebook) |
342 | |Flutter 实战：正真意义上的无限循环轮播器|| [点击前往](https://blog.csdn.net/weixin_34117522/article/details/91421506) |
343 | |使用Flutter开发一款电影APP|| [点击前往](https://juejin.im/post/5d31ea42f265da1bbe5e3ea7) |
344 | |Flutter开发-仿携程项目|| [点击前往](https://www.jianshu.com/p/89b3c6dde061) |
345 | |产品级Flutter开源项目FunAndroid(WanAndroid客户端)，Provider的最佳实践.DarkMode、多色彩主题、国际化、切换字体、优美动画|| [点击前往](https://github.com/phoenixsky/fun_android_flutter) |
346 | |Flutter仿网易云音乐：播放界面|| [点击前往](https://juejin.im/post/5c344d1ee51d4557db5a0140) |
347 | |Flutter实战 : 从 0 搭建「网易云音乐」APP（一、创建项目、添加插件、通用代码）|| [点击前往](https://juejin.im/post/5d9de9a2e51d4578282ce25a) |
348 | |Flutter实战 : 从 0 搭建「网易云音乐」APP（二、Splash Page、登录页、发现页）|| [点击前往](https://juejin.im/post/5da4600cf265da5b5d2053cb) |
349 | |Flutter实战 : 从 0 搭建「网易云音乐」APP（三、每日推荐、推荐歌单）|| [点击前往](https://juejin.im/post/5da6d2b0f265da5bbe2a3f86) |
350 | |Flutter实战 : 从 0 搭建「网易云音乐」APP（四、排行榜、播放页面）|| [点击前往](https://juejin.im/post/5dadbb5df265da5bb414d416) |
351 | |Flutter实战 : 从 0 搭建「网易云音乐」APP（五、播放功能逻辑）|| [点击前往](https://juejin.im/post/5db1acdf518825646724596d) |
352 | |Flutter实战 : 从 0 搭建「网易云音乐」APP（六、歌词（一））|| [点击前往](https://juejin.im/post/5db7dadee51d452a25137b98) |
353 | |Flutter实战 : 从 0 搭建「网易云音乐」APP（七、歌词（二））|| [点击前往](https://juejin.im/post/5dc2059be51d452a075707d6) |
354 | |Flutter实战 :从 0 搭建「网易云音乐」APP（八、我的页面）|| [点击前往](https://juejin.im/post/5dc946a55188256a913c9b39) |
355 | |NeteaseCloudMusic|高仿最新版的网易云音乐，接口使用Binaryify大佬的 - NeteaseCloudMusicApi|[点击前往](https://github.com/fluttercandies/NeteaseCloudMusic)|
356 | |flutter-netease-music|flutter music player application （仿网易云音乐）|[点击前往](https://github.com/boyan01/flutter-netease-music)|
357 | |flutter-go|由阿里巴巴前端技术团队开发的Flutter 开发者帮助 APP，包含 flutter 常用 140+ 组件的demo 演示与中文文档，是学习Flutter开发的必备手册。| [点击前往](https://github.com/alibaba/flutter-go) |
358 | |GSYGithubAppFlutter|👍👍👍👍👍|[点击前往](https://github.com/CarGuo/GSYGithubAppFlutter)|
359 | |flutter-examples|包含Flutter的常见的学习示例。|[点击前往](https://github.com/nisrulz/flutter-examples)|
360 | |flutter-osc|基于Google Flutter的开源中国客户端，支持Android和iOS。|[点击前往](https://github.com/yubo725/flutter-osc)|
361 | |FlutterDouBan|Flutter豆瓣客户端,Awesome Flutter Project，全网最100%还原豆瓣客户端。主要功能包括首页、书影音、小组、市集及个人中心，一个不拉。|[点击前往](https://github.com/kaina404/FlutterDouBan)|
362 | |zhihu-flutter|一个高仿知乎的Flutter应用，支持黑色主题切换。|[点击前往](https://github.com/xujiyou/zhihu-flutter)|
363 | |flutter_shuqi|高仿书旗小说客户端，所有功能都是用Dart写的，iOS和Android的代码复用率达到了100%。|[点击前往](https://github.com/huanxsd/flutter_shuqi)|
364 | |Morec|这是一个非常精美的 Flutter 版电影客户端，利用豆瓣现有的 Api，打造了一个完整的电影展示 App。细节十分完善，是一个经过完整设计的产品而非 Demo。|[点击前往](https://github.com/Mayandev/morec)|
365 | |flutter_boss|一个仿Boss直聘的Flutter应用。|[点击前往](https://github.com/heruijun/flutter_boss)|
366 | |awesome-flutter-cn|一个很棒的Flutter学习资源，官方教程，插件，工具，文章，App，视频教程等的资源列表|[点击前往](https://github.com/crazycodeboy/awesome-flutter-cn)|
367 | |gsy_github_app_flutter|跨平台的开源Github客户端App，更好的体验，更丰富的功能，旨在更好的日常管理和维护个人Github，提供更好更方便的驾车体验Σ(￣。￣ﾉ)ﾉ。|[点击前往](https://github.com/CarGuo/gsy_github_app_flutter)|
368 | |Flutter - Playing local, network and youtube videos with video player plugin.| |[点击前往](https://www.developerlibs.com/2019/08/flutter-playing-local-network-youtube-video-player-plugin.html)|
369 | |Flutter 玩转微信——通讯录| |[点击前往](https://www.jianshu.com/p/8d136f31b8a2)|
370 | |两个半月的业余时间用Flutter做了个app-技术篇| |[点击前往](https://juejin.im/post/5e141b066fb9a0484b46bd4a)|
371 | |编写一个非常精美的Flutter Todo-List项目| |[点击前往](https://segmentfault.com/a/1190000019972838)|
372 | |Flutter开发实战 高仿微信（1）首页| |[点击前往](https://juejin.im/post/5ebdf7d96fb9a0432a3c4376)|
373 | |Flutter 10天高仿大厂App及小技巧积累总结| |[点击前往](https://juejin.im/post/5eba1772e51d454dea6fe280)|
374 | |【Flutter应用】Flutter精仿抖音开源| |[点击前往](https://segmentfault.com/a/1190000022697341)|
375 | | 简单独立的App示例 | |[点击前往](https://github.com/nisrulz/flutter-examples)|
376 | | 一个展示Flutter组件的应用，并提供源代码视图 | |[点击前往](https://github.com/X-Wei/flutter_catalog)|
377 | | Flutter仿微博客户端, 包含首页、视频、发现、消息(仿微博聊界面)及个人中心模块| |[点击前往](https://github.com/huangruiLearn/flutter_hrlweibo)|
378 | |Flutter实现启动页、闪屏广告页、引导页| |[点击前往](https://www.jianshu.com/p/c80fca757bb2)|
379 | |Flutter异常监测与上报| |[点击前往](https://segmentfault.com/a/1190000022280728)|
380 |
381 |
382 |
383 |
384 |
385 |
386 |
387 | ## -------------------------[三方插件](#back)-------------------------
388 |
389 | | 三方库 | 备注信息 | 网址 |
390 | | --- | --- | --- |
391 | |Dart Packages| 查询三方库 | [点击前往](https://pub.dev) |
392 | |Flutter超全开源框架、项目和学习资料汇总| 👍👍👍👍👍 | [点击前往](https://www.jianshu.com/p/f5a4a28e2888) |
393 | |很棒的列表，精选了最好的Flutter库，工具，教程，文章等。| 👍👍👍👍👍 | [点击前往](https://github.com/Solido/awesome-flutter) |
394 | |Flutter部分插件 后续持续更新～点| | [点击前往](https://www.jianshu.com/p/c78ef5cf7f6a) |
395 | |Flutter 一些常用库| | [点击前往](https://www.cnblogs.com/yangyxd/p/9232308.html) |
396 | |Flutter常用插件| | [点击前往](https://www.jianshu.com/p/028b9d4c65e3) |
397 | |2019 Joyy Flutter 总结| | [点击前往](https://juejin.im/post/5e2557a6e51d4557e41c8036) |
398 | |Flutter 必备开源项目推荐| | [点击前往](https://juejin.cn/post/6897190794512465928) |
399 | |---------------------|--------------------- | -|
400 | | hive（hive_generator） | 数据存储 | [点击前往](https://pub.dev/packages/hive) |
401 | | json_annotation（json_serializable） | 数据解析 | [点击前往](https://pub.dev/packages/json_annotation) |
402 | | dio | 网络库 | [点击前往](https://pub.dev/packages/dio) |
403 | | dio_flutter_transformer | compute 解析 | [点击前往](https://pub.dev/packages/dio_flutter_transformer) |
404 | | common_utils | Dart 常用工具类库 | [点击前往](https://pub.dev/packages/common_utils) |
405 | | flustars | 常用工具类库 | [点击前往](https://pub.dev/packages/flustars) |
406 | | provider | 状态管理 | [点击前往](https://pub.dev/packages/provider) |
407 | | retrofit（retrofit_generator） | dio 适配器 | [点击前往](https://pub.dev/packages/retrofit) |
408 | | logger | 日志 | [点击前往](https://pub.dev/packages/logger) |
409 | | webview_flutter | webiew | [点击前往](https://pub.dev/packages/webview_flutter) |
410 | | flutter_html | 简单html显示 | [点击前往](https://pub.dev/packages/flutter_html) |
411 | | jaguar_flutter_asset | localWebService | [点击前往](https://pub.dev/packages/jaguar_flutter_asset) |
412 | | intl（intl_translation） | 国际化 | [点击前往](https://pub.dev/packages/intl) |
413 | | jpush_flutter | 极光推送 | [点击前往](https://pub.dev/packages/jpush_flutter) |
414 | | decimal | 金额 | [点击前往](https://pub.dev/packages/decimal) |
415 | | package_info | 版本信息 | [点击前往](https://pub.dev/packages/package_info) |
416 | | fluro | 路由框架 | [点击前往](https://pub.dev/packages/fluro) |
417 | | cached_network_image | 图片缓存 | [点击前往](https://pub.dev/packages/cached_network_image) |
418 | | stream_transform | Stream添加常见变换运算符的扩展方法。 | [点击前往](https://pub.dev/packages/stream_transform) |
419 | | path_provider | Flutter插件，用于查找文件系统上的常用位置。支持iOS和Android。 | [点击前往](https://pub.dev/packages/path_provider) |
420 | | oktoast | Toast插件 | [点击前往](https://pub.dev/packages/oktoast) |
421 | | fluttertoast | Toast插件| [点击前往](https://pub.dev/packages/fluttertoast) |
422 | | flutter_easyloading | Toast插件 | [点击前往](https://pub.flutter-io.cn/packages/flutter_easyloading) |
423 | | flutter_swiper | 轮播图 | [点击前往](https://pub.dev/packages/flutter_swiper) |
424 | | pull_to_refresh | 刷新 | [点击前往](https://pub.dev/packages/pull_to_refresh) |
425 | | shimmer | 骨架屏 | [点击前往](https://pub.dev/packages/shimmer) |
426 | | flutter_picker | 自定义数据生成选择器 | [点击前往](https://pub.dev/packages/flutter_picker) |
427 | | badges | 角标 | [点击前往](https://pub.dev/packages/badges) |
428 | | flutter_rating_bar | 评分 | [点击前往](https://pub.dev/packages/flutter_rating_bar) |
429 | | marquee | 跑马灯 | [点击前往](https://pub.dev/packages/marquee) |
430 | | photo_view | 查看大图 | [点击前往](https://pub.dev/packages/photo_view) |
431 | | flutter_widgets | 分类联动 | [点击前往](https://pub.dev/packages/flutter_widgets) |
432 | | flutter_gifimage | gif图 | [点击前往](https://pub.dev/packages/flutter_gifimage) |
433 | | shared_preferences | 数据存储 | [点击前往](https://pub.dev/packages/shared_preferences) |
434 | | flutter_spinkit | 转圈插件 | [点击前往](https://pub.dev/packages/flutter_spinkit) |
435 | | fluwx | 微信插件 | [点击前往](https://pub.dev/packages/fluwx) |
436 | | flutter_qq | QQ插件 | [点击前往](https://pub.dev/packages/flutter_qq) |
437 | | stripe_payment | stripe支付插件 | [点击前往](https://pub.dev/packages/stripe_payment) |
438 | | share | 支持分享的flutter插件。 | [点击前往](https://pub.dev/packages/share) |
439 | | flutter_umeng_analytics | 友盟的分享和统计库。 | [点击前往](https://pub.dev/packages/flutter_umeng_analytics) |
440 | | flutter_alipay | 调用支付宝进行支付的功能，兼容android和iOS。 | [点击前往](https://pub.dev/packages/flutter_alipay) |
441 | | image_picker | 选择相册照相机图片插件 | [点击前往](https://pub.dev/packages/image_picker) |
442 | | flutter_datetime_picker | 日期选择插件 | [点击前往](https://pub.dev/packages/flutter_datetime_picker) |
443 | | url_launcher | 打开网址插件 | [点击前往](https://pub.dev/packages/flutter_datetime_picker) |
444 | | location | 定位插件 | [点击前往](https://pub.dev/packages/flutter_datetime_picker) |
445 | | google_maps_webservice | Google地图查询插件 | [点击前往](https://pub.dev/packages/flutter_datetime_picker) |
446 | | google_maps_flutter | Google地图插件 | [点击前往](https://pub.dev/packages/flutter_datetime_picker) |
447 | | amap_base | 高德地图Flutter插件【废弃】 | [点击前往](https://pub.dev/packages/amap_base) |
448 | | amap_map_fluttify | 最新的高德地图Flutter插件 | [点击前往](https://pub.flutter-io.cn/packages/amap_map_fluttify) |
449 | | extended_image | Image扩展组件 | [点击前往](https://pub.dev/packages/extended_image) |
450 | | permission_handler | 权限处理 | [点击前往](https://pub.dev/packages/permission_handler) |
451 | | cookie_jar | Cookie 管理 | [点击前往](https://pub.dev/packages/cookie_jar) |
452 | | dio_cookie_manager | dio cookie 工具 | [点击前往](https://pub.dev/packages/dio_cookie_manager) |
453 | | flutter_screenutil | 屏幕适配 | [点击前往](https://pub.dev/packages/flutter_screenutil) |
454 | | extended_nested_scroll_view | 自定义NestedScrollView | [点击前往](https://pub.dev/packages/extended_nested_scroll_view) |
455 | | lpinyin | Dart汉字转拼音库 | [点击前往](https://pub.dev/packages/lpinyin) |
456 | | AzListView | 城市列表，索引&悬停效果 | [点击前往](https://pub.dev/packages/AzListView) |
457 | | flutter_villains | 页面切换动画的库 | [点击前往](https://pub.dev/packages/flutter_villains) |
458 | | flutter_advanced_networkimage | 图像缓存加载和缩放控制库 | [点击前往](https://pub.dev/packages/flutter_advanced_networkimage) |
459 | | flutter_svg | 加载svg图像 | [点击前往](https://pub.dev/packages/flutter_svg) |
460 | | zoomable_image | 支持图像查看和手势缩放操作功能的图片库 | [点击前往](https://pub.dev/packages/zoomable_image) |
461 | | carousel_slider | 通过手势划动来切换图像组件，并且此库还支持自动播放图像 | [点击前往](https://pub.dev/packages/carousel_slider) |
462 | | camera | 用于获取Android和iOS系统相机的信息，支持预览相机馈送和捕捉图像，同时支持录制视频。 | [点击前往](https://pub.dev/packages/camera) |
463 | | event_bus | 使用Dart流进行解耦应用程序的简单事件总线的库，和Android中的事件总线机制类似，内部使用了广播机制。 | [点击前往](https://pub.dev/packages/event_bus) |
464 | | video_player | 官方维护的视频播放插件。 | [点击前往](https://pub.dev/packages/video_player) |
465 | | qr_flutter | 用于二维码的Flutter库，可通过Widget或自定义Paint进行简单快速的QR码渲染。 | [点击前往](https://pub.dev/packages/qr_flutter) |
466 | | barcode_scan | 于扫描2D条形码和QRCodes的Flutter插件。 | [点击前往](https://pub.dev/packages/barcode_scan) |
467 | | charts_flutter | 通用的图表库组件，提供基本的柱状图，折线图，饼图等。 | [点击前往](https://pub.dev/packages/charts_flutter) |
468 | | flutter_circular_chart | 轻松创建的动画圆形图控件的库。 | [点击前往](https://pub.dev/packages/flutter_circular_chart) |
469 | | flutter_sticky_header | Flutter实现的粘性标头。（A Flutter implementation of sticky headers with a sliver as a child.） | [点击前往](https://pub.dev/packages/flutter_sticky_header) |
470 | | sticky_headers | 使您可以将标题放置在可滚动内容上，该内容在滚动内容时将粘贴在容器的顶部。 | [点击前往](https://pub.dev/packages/sticky_headers) |
471 | | flui | 开箱即用的高质量 Flutter UI 组件 | [点击前往](https://github.com/Rannie/flui/blob/master/README-zh_CN.md) |
472 | | flutter-p2p-engine | Flutter视频/直播APP省流量&加速神器. | [点击前往](https://github.com/cdnbye/flutter-p2p-engine/blob/master/Readme_zh.md) |
473 | | youtube_player | A flutter plugin to play Youtube Videos without API Key in range of Quality(144p, 240p,360p,480p,720p and 1080p). | [点击前往](https://github.com/sarbagyastha/youtube_player) |
474 | | youtube_player_flutter | Flutter plugin for playing or streaming YouTube videos inline using the official iFrame Player API. Supports both Android and iOS platforms. | [点击前往](https://github.com/sarbagyastha/youtube_player_flutter) |
475 | | flare_splash_screen | Facilitator for having a Splash screen with a Flare animation until some work has been done for the initialization of the app（骨架屏） | [点击前往](https://pub.dev/packages/flare_splash_screen) |
476 | | ff_annotation_route | 通过注解快速完成路由映射. | [点击前往](https://pub.flutter-io.cn/packages/ff_annotation_route) |
477 | | firebase_auth | A Flutter plugin to use the Firebase Authentication API. | [点击前往](https://pub.flutter-io.cn/packages/firebase_auth) |
478 | | firebase_analytics | A Flutter plugin to use the Google Analytics for Firebase API. | [点击前往](https://pub.flutter-io.cn/packages/firebase_analytics) |
479 | | firebase_dynamic_links | A Flutter plugin to use the Google Dynamic Links for Firebase API. | [点击前往](https://pub.flutter-io.cn/packages/firebase_dynamic_links) |
480 | | FRefresh | 刷新控件（在过去一段时间中，我们已经先后向社区开放了 5 实用精美的 Widget （ FSuper 、 FButton 、 FSwitch 、 FRadio 、 FFloat ），帮助开发者们更易构建出赏心悦目的应用。） | [点击前往](https://juejin.im/post/5ec6a1c1f265da771066c50a) |
481 | | flutter_custom_calendar | Flutter的一个日历控件 | [点击前往](https://github.com/fluttercandies/flutter_custom_calendar) |
482 | | scrollable_positioned_list | A ScrollablePositionedList works much like the builder version of ListView except that the list can be scrolled or jumped to a specific item. | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/scrollable_positioned_list) |
483 | | core_card_io | 银行卡扫描 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/core_card_io) |
484 | | card_scanner | 银行卡扫描 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/card_scanner) |
485 | | credit_card_number_validator | 银行卡卡号验证 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/credit_card_number_validator) |
486 | | flutter_credit_card | 银行卡输入 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/flutter_credit_card) |
487 | | nine_grid_view | 类似微博动态，微信朋友圈，展示图片的九宫格控件。支持单张大图预览。同时也支持微信群组，钉钉群组，QQ讨论组头像效果。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/nine_grid_view) |
488 | | nine_grid_view | 类似微博动态，微信朋友圈，展示图片的九宫格控件。支持单张大图预览。同时也支持微信群组，钉钉群组，QQ讨论组头像效果。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/nine_grid_view) |
489 | | encrypt | 一组PointyCastle上的高级API，用于双向加密。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/encrypt) |
490 | | cryptography | 用于加密，数字签名，密钥协商，身份验证和哈希的加密算法。 AES，Chacha20，ED25519，X25519等。 Web加密支持。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/cryptography) |
491 | | crypto | SHA，MD5和HMAC加密功能的实现。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/crypto) |
492 | | flutter_shimmer | 它会创建指示加载状态的Shimmer效果，因此请使用Shimmer以获得更好的设计和用户界面，而不是使用ProgressBar或通常的加载器。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/flutter_shimmer) |
493 | | pattern_formatter | 提供了TextInputFormatter的一些实现，这些实现使用预定义的模式来格式化输入。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/pattern_formatter) |
494 | | image_gallery_saver | 用于将图像保存到图库，iOS需要向您的Info.plist文件添加以下密钥。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/image_gallery_saver) |
495 | | flare_flutter | 动画动效。 | [点击前往](https://dart-pub.mirrors.sjtug.sjtu.edu.cn/packages/flare_flutter) |
496 | | flutter_launcher_icons | 一个软件包，简化了更新Flutter应用程序的启动器图标的任务。 | [点击前往](https://pub.dev/packages/flutter_launcher_icons) |
497 | | flutter_staggered_grid_view | 一个用于Flutter上的交错网格视图组件，支持多列不同大小的行。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_staggered_grid_view) |
498 | | contact_picker | 选择联系人插件。 | [点击前往](https://pub.flutter-io.cn/packages/contact_picker) |
499 | | flutter_flip_panel | 带内置动画的翻转面板。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_flip_panel) |
500 | | flushbar | 高度可配置的Snackbar。 | [点击前往](https://pub.flutter-io.cn/packages/flushbar) |
501 | | flutter_typeahead | 在用户输入时向用户显示叠加建议。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_typeahead) |
502 | | flutter_snaplist | 创建snappable列表视图。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_snaplist) |
503 | | folding_cell | 折叠小部件。 | [点击前往](https://pub.flutter-io.cn/packages/folding_cell) |
504 | | liquid_pull_to_refresh | 一个漂亮并支持自定义的刷新指示器。 | [点击前往](https://pub.flutter-io.cn/packages/liquid_pull_to_refresh) |
505 | | direct-select-flutter | 带有灵巧的全屏模式弹出窗口的选择小部件。 | [点击前往](https://pub.flutter-io.cn/packages/direct-select-flutter) |
506 | | before_after | 漂亮的滑块，可以更轻松地显示两个图像之间的差异。 | [点击前往](https://pub.flutter-io.cn/packages/before_after) |
507 | | scratcher | 刮刮卡小部件可临时向用户隐藏内容。 | [点击前往](https://pub.flutter-io.cn/packages/scratcher) |
508 | | flutter_beautiful_popup | 承包你的应用弹窗。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_beautiful_popup) |
509 | | credit_card_input_form | 带有动画的表单输入插件。 | [点击前往](https://pub.flutter-io.cn/packages/credit_card_input_form) |
510 | | animated_selection_slide | 滑动动画选择小部件。 | [点击前往](https://pub.flutter-io.cn/packages/animated_selection_slide) |
511 | | flutter_neumorphic | 随时可用🕶️暗模式的Flutter使用Neumorphic套件。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_neumorphic) |
512 | | flutter_dough | 柔和的用户界面的小部件。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_dough) |
513 | | flutter_inner_drawer | 创建内部抽屉（左/右）的简单方法，您可以在其中输入列表菜单。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_inner_drawer) |
514 | | hidden_drawer_menu | 漂亮的抽屉模式菜单功能带有透视动画。 | [点击前往](https://pub.flutter-io.cn/packages/hidden_drawer_menu) |
515 | | fancy_bottom_navigation | 动画底部导航。 | [点击前往](https://pub.flutter-io.cn/packages/fancy_bottom_navigation) |
516 | | circular_bottom_navigation | 漂亮的动画底部导航栏。 | [点击前往](https://pub.flutter-io.cn/packages/circular_bottom_navigation) |
517 | | bottom_navy_bar | 美丽多彩的动画底部导航栏。 | [点击前往](https://pub.flutter-io.cn/packages/bottom_navy_bar) |
518 | | rubber | 弹性材料设计的底部表单。 | [点击前往](https://pub.flutter-io.cn/packages/rubber) |
519 | | modal_bottom_sheet | 带材料设计，Cupertino iOS 13或自定义外观的模态底部表单。 | [点击前往](https://pub.flutter-io.cn/packages/modal_bottom_sheet) |
520 | | reorderables | 拖放表格，行，列，Wrap（Grid）和SliverList元素。 | [点击前往](https://pub.flutter-io.cn/packages/reorderables) |
521 | | flutter_offline | 整洁的实用程序，以处理离线/在线连接。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_offline) |
522 | | inview_notifier_list | 当区块展示在屏幕可视区域时带有通知的ListView。 | [点击前往](https://pub.flutter-io.cn/packages/inview_notifier_list) |
523 | | flutter_showcaseview | 在iOS和Android上展示您的应用功能的方法。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_showcaseview) |
524 | | flutter_material_pickers | 用于轻松一致地显示物料主题选择器对话框。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_material_pickers) |
525 | | flutter_slidable | 实现的可滑动列表项，具有可被取消的定向滑动动作。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_slidable) |
526 | | transformer_page_view | 在Flutter中具有PageView转换效果的示例。 | [点击前往](https://pub.flutter-io.cn/packages/transformer_page_view) |
527 | | wave | 以自定义颜色，持续时间，浮动和模糊效果显示一些波形。 | [点击前往](https://pub.flutter-io.cn/packages/wave) |
528 | | liquid_swipe | 液体轻扫至堆积的容器。 | [点击前往](https://pub.flutter-io.cn/packages/liquid_swipe) |
529 | | photofilters | 用于将各种类型的滤镜应用于图像。 | [点击前往](https://pub.flutter-io.cn/packages/photofilters) |
530 | | flutter_calendar_carousel | 日历轮播。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_calendar_carousel) |
531 | | table_calendar | 日历整齐地组织成表格，并具有垂直自动调整大小。 | [点击前往](https://pub.flutter-io.cn/packages/table_calendar) |
532 | | some_calendar | 多选和范围可配置的日历。 | [点击前往](https://pub.flutter-io.cn/packages/some_calendar) |
533 | | flutter_login | 从头到尾具有动画效果的登录小部件。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_login) |
534 | | parallax_image | 带有滑动视差效果的Image 组件。 | [点击前往](https://pub.flutter-io.cn/packages/parallax_image) |
535 | | photo_view | 简单的可缩放的Image组件。 | [点击前往](https://pub.flutter-io.cn/packages/photo_view) |
536 | | flutter_svg | 支持SVG 解析和渲染的库。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_svg) |
537 | | flutter_image_cropper | 图片裁切库，支持旋转，缩放，以及按照比例裁切。 | [点击前往](https://pub.flutter-io.cn/packages/flutter_image_cropper) |
538 | | multi_image_picker | 显示多图像选择器。 | [点击前往](https://pub.flutter-io.cn/packages/multi_image_picker) |
539 | | multi_image_picker | 显示多图像选择器。 | [点击前往](https://pub.flutter-io.cn/packages/multi_image_picker) |
540 | | DoKit | 是一个DoKit针对Flutter环境的产研工具包，内部集成了各种丰富的小工具，UI、网络、内存、监控等等。DoKit始终站在用户的角度，为用户提供最便利的产研工具。 | [点击前往](https://juejin.cn/post/6914111076099915784) |
541 |
542 |
543 |
544 |
545 |
546 |
547 | ## -------------------------[易遇问题](#back)-------------------------
548 |
549 | | 易遇问题 | 备注信息 | 网址 |
550 | | --- | --- | --- |
551 | |AndroidX compatibility| Android 代码通常使用 android.support库, 以确保向后兼容性。android.support库已弃用, 取而代之的是Androidx。Andredx 具有与具有一些附加功能的旧库的功能奇偶校验, 但不幸的是, 这两组库是不兼容的。 | [点击前往](https://flutter.dev/docs/development/packages-and-plugins/androidx-compatibility) |
552 | |setState() called after dispose()|| [点击前往](https://www.jianshu.com/p/9e3bd870d292) |
553 | |配置方法数超过 64K 的应用|trouble writing output:Too many field references: 131000;max is 65536.You may try using --multi-dex option.| [点击前往](https://developer.android.com/studio/build/multidex) |
554 | |mac中bash和zsh终端切换方法和zsh配置 ||[点击前往](https://www.jianshu.com/p/3d93f23454d8) |
555 | |Flutter中使用GridView显示图片出现图片未填充满问题 ||[点击前往](https://blog.csdn.net/Pillar1066527881/article/details/89207718) |
556 | |Flutter 图片即使设置了fit: BoxFit.cover不满屏的坑| | [点击前往](https://blog.csdn.net/baidu_34120295/article/details/86527702) |
557 | |update Homebrew 太慢，更换Homebrew的更新源| |[点击前往](https://www.jianshu.com/p/b26c7bc14440) |
558 | |Flutter 图片即使设置了fit: BoxFit.cover不满屏的坑| | [点击前往](https://blog.csdn.net/baidu_34120295/article/details/86527702) |
559 | |Flutter页面跳转和传值传参，接收页面返回数据、以及解决返回（pop）页面时黑屏的问题| | [点击前往](https://blog.csdn.net/yuzhiqiang_1993/article/details/89090742) |
560 | |Flutter打包IPA报错Could not find an option named "track-widget-creation".| | [点击前往](https://blog.csdn.net/weixin_34306446/article/details/87538720) |
561 | |flutter doctor returns [Unhandled exception: Exception: idevice_id returned an error] | | [点击前往](https://github.com/flutter/flutter/issues/23455) |
562 | |Lost connection to device on save | | [点击前往](https://github.com/flutter/flutter/issues/26945) |
563 | |Recent libusbmuxd version causes `flutter run` to lose connection to physical iOS device after a few seconds] | | [点击前往](https://github.com/flutter/flutter/issues/35102) |
564 | |Flutter杂症（ flutter packages pub run build_runner build ）| | [点击前往](https://juejin.im/post/5c3d9a38e51d451d200e1fa9) |
565 | |Flutter开发中的一些Tips| | [点击前往](https://juejin.im/post/5d00fbfd51882570ec017660) |
566 | |[Flutter]Row和Column中防止overflow错误| | [点击前往](https://www.jianshu.com/p/17bacb6ffefc) |
567 | |Flutter TextField 不能直接放到 Row 里面| | [点击前往](https://www.jianshu.com/p/9555d3410a17) |
568 | |flutter_stripe_payment （Fails to start on android） ||[点击前往](https://github.com/jonasbark/flutter_stripe_payment/issues/3) |
569 | |Flutter中setState导致的内存泄漏——setState() called after dispose() ||[点击前往](https://blog.csdn.net/qq_26287435/article/details/89674247) |
570 | |flutter 打android-arm64平台 ||[点击前往](https://blog.csdn.net/dalong3976/article/details/94736506) |
571 | |flutter调出键盘报错溢出异常：bottom overflowed by 104 PIXELS ||[点击前往](https://blog.csdn.net/wo541075754/article/details/86145870) |
572 | |url_launcher macos not found. Please update settings.gradle ||[点击前往](https://github.com/flutter/flutter/issues/55077) |
573 | |MAC OS 下使用Android Studio获取开发版和发布版SHA1证书 ||[点击前往](https://lgdsunday.blog.csdn.net/article/details/49741543) |
574 | |Android Studio 打包、生成jks密钥、签名Apk、多渠道打包 ||[点击前往](https://blog.csdn.net/yy1300326388/article/details/48344411) |
575 | |flutter_launcher_icons 自动生成应用图标的工具 ||[点击前往](https://blog.csdn.net/zhutao_java/article/details/103605526) |
576 | |Flutter应用图标自适应方案：标准规范自动圆角不变形 ||[点击前往](https://www.uedbox.com/post/66040/) |
577 |
578 |
579 |
580 |
581 |
582 |
583 | ## -------------------------[面试总结](#back)-------------------------
584 | | 面试题总结 | 时间 | 地址 |
585 | | --- | --- | --- |
586 | | 老许，你要转Flutter不要？只要你开金口，面试题现在就给你送来 | 2020.01.01 |[点击前往](https://juejin.im/post/5e0c9112e51d4540e04d32e8) |
587 | | Flutter 面试知识点集锦 | 2019.05.14 |[点击前往](https://www.jianshu.com/p/5a0df9b4e817) |
588 | | Flutter 一些面试可能会问基础知识 | |[点击前往](https://www.cnblogs.com/yangyxd/p/10449614.html) |
589 | | Flutter 金九银十招聘季，这些面试题祝你一臂之力 | 2019.10.14 |[点击前往](http://www.imooc.com/article/293455) |
590 | |可以算是Flutter面试凉凉经吧|2019.02.16|[点击前往](https://juejin.im/post/5c67d621518825620a7f133e)|
591 | |Android-Flutter面经 |2020.04.24|[点击前往](https://juejin.im/post/5ea2ab266fb9a03c82234a9f)|
592 | |flutter面试题 |2020.07.13|[点击前往](https://www.jianshu.com/p/60a41d787191)|
593 |
594 |
595 |
596 |
--------------------------------------------------------------------------------