iOS程序猿的flutter学习之路
日常学习Flutter开发的积累
推荐一些平时自己学习Flutter开发当中接触到的优秀文章
-------------------------基础知识 -------------------------
| 基础知识 | 学习内容 | 网址 | 系列 |
|---|---|---|---|
| Flutter中文网 | 官方学习网址，入门学习 | 点击前往 | |
| flutter环境搭建mac版 | 1.系统环境要求 2.下载flutter 3.配置环境变量 4.检查环境 5.搭建环境常见问题整理 |
点击前往 | |
| flutter基础-看完这篇就可以撸app了 | a. layout结构 b. navBar c. tabbar和列表组件的使用 d. http请求JSON数据，并渲染到列表 e. 组件之间的通信 f. 路由（带参数路由） |
点击前往 | |
| Flutter学习之入门和体验 | 1.Flutter架构 2.Flutter环境搭建 3.创建第一个Flutter程序 4.编写第一个应用 |
点击前往 | 真丶深红骑士的系列 |
| Flutter学习之Dart语法特性 | 1.Dart环境 2.Dart一些概念 3.Dart语法 |
点击前往 | 真丶深红骑士的系列 |
| Flutter学习之认知基础组件 | 1.Widget简介 2.Flutter页面 3.Flutter布局 4.实践 |
点击前往 | 真丶深红骑士的系列 |
| Flutter学习之布局、交互、动画 | 1.布局 2.交互 3.动画 |
点击前往 | 真丶深红骑士的系列 |
| Flutter学习之事件循环机制、数据库、网络请求 | 1.Dart中的异步任务消息循环机制 2.Dart中的异步支持 3.文件操作 4.sqflite数据库 5.网络请求操作 6.JSON |
点击前往 | 真丶深红骑士的系列 |
| Flutter完整开发实战详解(一、Dart语言和Flutter基础) | 1.环境搭建 2.Dart语言下的Flutter 3.Flutter Widget 4.Flutter 布局 5.Flutter 页面 |
点击前往 | 恋猫de小郭 |
| Flutter 完整开发实战详解(二、快速实战篇) | 1.基础控件 2.数据模块 3.其他功能 |
点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(三、 打包与填坑篇) | 1.打包 2.细节 3.问题处理 |
点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(四、 Redux、主题、国际化) | 1.Redux 2.主题 3.国际化 |
点击前往 | 恋猫de小郭 |
| Flutter 完整开发实战详解(五、深入探索) | 1.WidgetsFlutterBinding 2.InheritedWidget 3.内存 4.线程 5.热更新 |
点击前往 | 恋猫de小郭 |
| Flutter 完整开发实战详解(六、 深入Widget原理) | 针对描述一下 Widget 中的一些有意思的原理 | 点击前往 | 恋猫de小郭 |
| Flutter 完整开发实战详解(七、 深入布局原理) | 1.单子元素布局 2.多子元素布局 3.多子元素滑动布局 |
点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(八、 实用技巧与填坑) | 主要讲述 Flutter 开发过程中的实用技巧，让你少走弯路少掉坑，全篇属于很干的干货总结，以实用为主，算是在深入原理过程中穿插的实用篇章。 | 点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(九、 深入绘制原理) | 本篇主要深入了解 Widget 中绘制相关的原理，探索 Flutter 里的 RenderObject 最后是如何走完屏幕上的最后一步，结尾再通过实际例子理解如何设计一个 Flutter 的自定义绘制。 | 点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(十、 深入图片加载流程) | 本篇主要深入了解 Flutter 中图片加载的流程，剥析图片流程中有意思的片段，结尾再实现 Flutter 实现本地图片缓存的支持。 | 点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(十一、全面深入理解Stream) | 一、Stream 由浅入深 二、StreamBuilder 三、rxdart |
点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(十二、全面深入理解状态管理设计) | 一、scoped_model 二、BloC 三、flutter_redux 四、fish_redux |
点击前往 | 恋猫de小郭 |
| Flutter完整开发实战详解(十三、全面深入触摸和滑动原理) | 1、事件流程 2、事件竞争 |
点击前往 | 恋猫de小郭 |
| Flutter开发之Dart语法基础 | Dart是谷歌在 2011 年推出的编程语言，是一种结构化Web编程语言，允许用户通过Chromium中所整合的虚拟机（Dart VM）直接运行Dart 语言编写的程序，免去了单独编译的步骤 | 点击前往 | RunTitan的系列 |
| Flutter开发之Dart的数据类型01 | numbers(数字) strings(字符串) booleans(布尔) lists (也被称之为 arrays) maps runes (用于在字符串中表示Unicode字符) symbols |
点击前往 | RunTitan的系列 |
| Flutter开发之Dart的数据类型02 | numbers(数字) strings(字符串) booleans(布尔) lists (也被称之为 arrays) maps runes (用于在字符串中表示Unicode字符) symbols |
点击前往 | RunTitan的系列 |
| Flutter之基础Widget | Widget是Flutter开发中的主要组成部分, 是Flutter的基础, Flutter的核心设计思想便是: 一切皆Widget | 点击前往 | RunTitan的系列 |
| Flutter之布局类Widget | 在Flutter中，根据Widget是否需要包含子节点将Widget分为了三类，分别对应三种Element | 点击前往 | RunTitan的系列 |
| Flutter之容器类Widget | 1.填充类容器Padding 2.布局限制类容器 3.ConstrainedBox、SizeBox 4.装饰类容器DecoratedBox 5.变换类容器Transform 6.组合容器Container 7.导航类容器Scaffold、TabBar、AppBar等 |
点击前往 | RunTitan的系列 |
| Flutter之基础Widget之TextField | 主要介绍TextField | 点击前往 | RunTitan的系列 |
| Flutter中App的主题和导航 | MaterialApp | 点击前往 | RunTitan的系列 |
| Flutter基础篇（1）-- 跨平台开发框架和工具集锦 | 1.为什么需要跨平台？ 2.跨平台框架的发展历史 3.其他相关热门开发技术？ |
点击前往 | AWeiLoveAndroid基础篇 |
| Flutter基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法 | 1.注释 2.关键字 3.变量和常量 4.特殊数据类型 5.运算符 6.控制流程语句 7.异常 |
点击前往 | AWeiLoveAndroid基础篇 |
| Flutter基础篇（3）-- Flutter基础全面详解 |  |
点击前往 | AWeiLoveAndroid基础篇 |
| Flutter基础篇（4）-- Flutter填坑全面总结 | 开发当中遇到的问题总结 | 点击前往 | AWeiLoveAndroid基础篇 |
| Flutter基础篇（5）-- Flutter代码模板，解放双手，提高开发效率必备 | 1.使用说明 2.导入方式 3.支持的快捷键如下 4.部分使用示范图（以AS做示范） 5.关于代码模板的自定义方式 |
点击前往 | AWeiLoveAndroid基础篇 |
| Flutter基础篇（6）-- 水平和垂直布局详解 |  |
点击前往 | AWeiLoveAndroid基础篇 |
| Flutter基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解) | 1.使用Git下载flutter版本的3种方式 2.遇到的问题 |
点击前往 | AWeiLoveAndroid基础篇 |
| 从0开始写一个基于Flutter的开源中国客户端（1）——Flutter简介及开发环境搭建 | 1.Flutter简介 2.Flutter开发环境搭建 |
点击前往 | yuxiyu |
| 从0开始写一个基于Flutter的开源中国客户端（2）——Dart语法基础 | 1.Dart语言的特性 2.Dart语法简介 |
点击前往 | yuxiyu |
| 从0开始写一个基于Flutter的开源中国客户端（3）——初识Flutter & 常用的Widgets | 1.一个最简单的Flutter App 2.Flutter项目结构 3.Flutter App是怎样的App 4.Flutter常用Widgets |
点击前往 | yuxiyu |
| 从0开始写一个基于Flutter的开源中国客户端（4）——Flutter布局基础 | 1.包含单个子Widget的布局容器 2.包含多个子Widget的布局容器 |
点击前往 | yuxiyu |
| 从0开始写一个基于Flutter的开源中国客户端（5）——App整体布局框架搭建 | App整体布局框架搭建 | 点击前往 | yuxiyu |
| 从0开始写一个基于Flutter的开源中国客户端（6）——各个静态页面的实现 | 1.侧滑菜单页面的实现 2.资讯列表页面的实现 3.动弹列表页面的实现 4.“发现”页面的实现 5.“我的”页面的实现 |
点击前往 | yuxiyu |
| 从0开始写一个基于Flutter的开源中国客户端（7）——App网络请求和数据存储 | 1.Flutter中的网络请求 2.Flutter中的数据存储 3.从网络加载资讯列表并显示 4.保存登录后的用户数据 |
点击前往 | yuxiyu |
| 从0开始写一个基于Flutter的开源中国客户端（8）——插件的使用 | 1.搜索插件包 2.使用flutter_webview_plugin插件 3.使用event_bus插件 4.使用image_picker插件 |
点击前往 | yuxiyu |
| Flutter试用报告 | 1.Flutter 为何使用Dart开发语言 2.Flutter的UI系统 3.Flutter与Native的交融 |
点击前往 | |
| Flutter调试技巧总结——高效开发的秘密 | 我将自己遇到的错误类型归 语法和代码错误 、 运行时错误 和 逻辑错误 三大类，同时还从官方文档总结了 界面调试 的技巧，分享给大家。 | 点击前往 | |
| Flutter 面试知识点集锦 | 1.Dart 部分 2.Flutter 部分 |
点击前往 | 面试题 |
| 可以算是Flutter面试凉凉经吧 | 一面问的Java 和Android基础 二面问的Flutter和Dart |
点击前往 | 面试题 |
| 使用Flutter来完成Uplabs上炫酷的交互 | 1.What is Flutter? 2.What is Uplabs? 3.How to implement ？ 4.Join in Flutter-UI-Challenges |
点击前往 | |
| Flutter 44集免费基础视频教程 | 1-Flutter基础视频教程 2-Flutter 20课小实例练习 |
点击前往 | |
| 我看完掘金上的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 请求 |
点击前往 | |
| flutter-study | 1.Flutter 布局 2.Flutter 动画 3.现有项目中集成Flutter 4.Flutter Plugin开发流程 |
点击前往 | |
| 还在写iOS？是时候学一下Flutter了 | 1.Widget与UIView 2.如何对Widget布局 3.如何从布局中添加或者删除一个组件 4.如何设置Widget 动画 5.如何绘制到屏幕上 6.widget的透明度在 7.如何实现自定义widget 8.导航 |
点击前往 |
-------------------------基础细节-------------------------
| 基础细节 | 备注信息 | 网址 |
|---|---|---|
| flutter发送短信 打电话 打开链接 打开其他APP | --------------------------------------------------------- | 点击前往 |
| Flutter基础Widget之按钮（RaisedButton、FlatButton、OutlineButton，IconButton） | 点击前往 | |
| Flutter - 自定义Dialog | 点击前往 | |
| flutter之使用自定义字体库 | 点击前往 | |
| Flutter 控件之 文本和基本的容器 | 点击前往 | |
| 根据一个完整项目学习Flutter—1、使用主题共享颜色和字体样式(ThemeData) | 点击前往 | |
| Flutter：Theme | 点击前往 | |
| Flutter进阶—路由和导航 | 点击前往 | |
| Flutter路由跳转及参数传递 | 点击前往 | |
| Flutter学习之路由传参 | 点击前往 | |
| Flutter实战：手把手教你写Flutter Plugin | 点击前往 | |
| 深入理解Flutter多线程 | 点击前往 | |
| Flutter文本输入框TextField属性（InputDecoration、textInputAction、inputFormatters等等）详解 | 点击前往 | |
| Flutter中TextField使用 | 点击前往 | |
| Exploring Google Maps in Flutter | 【科学上网】 | 点击前往 |
| Flutter - Google map widget plugin example. | 【科学上网】 | 点击前往 |
| Flutter – Google Maps, Markers and Polygons | 【科学上网】 | 点击前往 |
| Flutter - Google map plugin. | 【科学上网】 | 点击前往 |
| Flutter - How can draw route on google map between markers. | 【科学上网】 | 点击前往 |
| Building Places & Location Search with Map View Using Flutter 1.0 | 【科学上网】 | 点击前往 |
| Automatic Json Serializing in Flutter Using Json Annotation | 【科学上网】 | 点击前往 |
| flutter json解析相关 for json_serializable | 点击前往 | |
| Flutter 深入浅出Key | 点击前往 | |
| Flutter上拉抽屉实现 | 点击前往 | |
| Flutter 控件-Drawer使用 | 点击前往 | |
| Flutter 手动控制drawer（抽屉）打开关闭 | 点击前往 | |
| Flutter 入门之 ListTile 使用指南 | 点击前往 | |
| Flutter Checkbox（复选框） | 点击前往 | |
| Flutter Checkbox CheckboxListTile | 点击前往 | |
| Flutter 入门指北(Part 10)之手势处理和动画 | 点击前往 | |
| Flutter：修改TextField的高度，以及无边框圆角 | 点击前往 |
-------------------------项目实战-------------------------
| 项目实战 | 备注信息 | 网址 |
|---|---|---|
| Flutter实战详解–高仿好奇心日报 | 点击前往 | |
| Flutter知乎App实践：UI+Json+Utils | 点击前往 | |
| Flutter 仿滴滴出行App | 点击前往 | |
| 基于Google Flutter的WanAndroid客户端 | 点击前往 | |
| Flutter实战之实现一个简单的新闻阅读器 | 点击前往 | |
| Flutter仿网易云音乐：播放界面 | 点击前往 | |
| Flutter之撸一个漂亮的登录界面的总结 | 点击前往 | |
| Flutter交互实战－即刻App探索页下拉＆拖拽效果 | 点击前往 | |
| 请收下我的 20 个 Flutter 开源项目 | ????? | 点击前往 |
| Flutter 实战：撸半个知乎日报~ThemeListPage | 点击前往 |
-------------------------三方库-------------------------
| 三方库 | 备注信息 | 网址 |
|---|---|---|
| Dart Packages | 查询三方库 | 点击前往 |
| Flutter超全开源框架、项目和学习资料汇总 | ????? | 点击前往 |
| Flutter部分插件 后续持续更新～点 | 点击前往 | |
| Flutter 一些常用库 | 点击前往 | |
| Flutter常用插件 | 点击前往 | |
| Material-UI | flutter的一个强大的特性就是其炫酷霸气的UI库 | 点击前往 |
| flutter-auth0 | auth0 | 点击前往 |
| common_utils | 常用工具类库 | 点击前往 |
| FlutterPlayground | Playground app for Flutter | 点击前往 |
-------------------------易遇问题-------------------------
| 易遇问题 | 备注信息 | 网址 |
|---|---|---|
| AndroidX compatibility | Android 代码通常使用 android.support库, 以确保向后兼容性。android.support库已弃用, 取而代之的是Androidx。Andredx 具有与具有一些附加功能的旧库的功能奇偶校验, 但不幸的是, 这两组库是不兼容的。 | 点击前往 |
| setState() called after dispose() | 点击前往 | |
| 配置方法数超过 64K 的应用 | trouble writing output:Too many field references: 131000;max is 65536.You may try using --multi-dex option. | 点击前往 |
| Flutter 图片即使设置了fit: BoxFit.cover不满屏的坑 | 点击前往 | |
| Flutter页面跳转和传值传参，接收页面返回数据、以及解决返回（pop）页面时黑屏的问题 | 点击前往 |