看完227篇技术文，总结出一份 Flutter 入门教程(1)

Flutter 布局（二）- Padding、Align、Center详解

这篇文章介绍了 Flutter 常见的集中控件，包括：Padding 、 Align 、 Center。介绍了他们的布局行为以及使用场景。

Flutter 布局（三）- FittedBox、AspectRatio、ConstrainedBox详解

这篇文章介绍了 Flutter 常见的集中控件，包括：FittedBox 、 AspectRatio 、 ConstrainedBox。介绍了他们的布局行为以及使用场景。

Flutter Widgets: Image

介绍了 Flutter 的 Image 控件的使用方法。

Flutter Widgets: Text

介绍了 Flutter 的 Text 控件的使用方法

显然，讲解Flutter布局的文章还不是很全面，在后的更新中会进行补充。

在学习 Dart 基本语法、Flutter布局这些知识之后，距离我们做一个有数据交互的 Flutter App 还需要学习最后一部分知识：网络请求。

浅尝 Flutter 中的 http 请求

这篇文章中，作者介绍了如何在 Flutter 中使用 http 请求来完成一个新闻页面的功能，数据源使用的 Django+Mysql，如果你在未缺少数据源而感到哦困恼，你可以尝试一下豆瓣开发者服务中提供的数据接口。你可以不用很详细的编写页面，但是一定要掌握如何使用 Flutter 进行网络请求。

练习题：

---

Flutter 实战之实现一个简单的新闻阅读器

作者通过一些公共的数据接口，完成了一个简单的新闻阅读 App，通过这个例子可以完成的使用到Dart语法、布局和控件以及网络请求的相关知识。

基于 Google Flutter 的开源中国客户端，支持Android与iOS

作者通过使用开源中国的相关 API 和数据爬虫，实现了一个有功能的开源中国客户端，通过这个例子也可以完成的使用到 Dart 语法、布局和控件以及网络请求的相关知识。

到此，你可以使用 Flutter 的构建一个具有精美界面、使用 Dart 构建的、有数据请求的 iOS 或 Android 应用。

我的一篇文章承载不了 Flutter 所有的知识点，如果你想了解更多关于 Flutter 的相关知识，在这里免费分享给大家一份来自阿里大佬Git高星的 Flutter 学习笔记。

2021年还没上手 Flutter 的移动开发们可以看看这份学习笔记了！

整理大纲

---

• 为什么Flutter是跨平台开发的终极之选

• 在Windows上搭建Flutter开发环境

• 编写您的第一个 Flutter App

• Flutter开发环境搭建和调试

• Dart语法篇之基础语法(一)

• Dart语法篇之集合的使用与源码解析(二)

• Dart语法篇之集合操作符函数与源码分析(三)

• Dart语法篇之函数的使用(四)

• Dart语法篇之面向对象基础(五)

• Dart语法篇之面向对象继承和Mixins(六)

• Dart语法篇之类型系统与泛型(七)

• Flutter中的widget

注：鉴于目前网上没有比较规范、系统的整理，该学习手册中的内容都是根据笔者的一个框架在网上进行的搜集整理。本文开源，仅用于技术交流分享，感谢大佬熊猫先生对Dart语法部分的博客分享，感谢一同整理资料的小伙伴。大家可以动动小手，点波关注，了解更多flutter内容！

资料详情

为什么Flutter是跨平台开发的终极之选

• 这是为什么？

• 跨平台开发

• 什么是 Flutter

• Flutter 的特性

• Flutter 构建应用的工具

• 使用 Flutter 构建的热门应用

• 构建 Flutter 应用的成本

• ……

在Windows上搭建Flutter开发环境

• 使用镜像

• 系统要求

• 获取Flutter SDK

• 编辑器设置

• Android设置

• 起步: 配置编辑器

• 起步: 体验

• 体验热重载

• 创建新的应用

• 运行应用程序

• ……

第三章 编写您的第一个 Flutter App

• 第1步: 创建 Flutter app

• 第2步: 使用外部包(package)

• 第3步: 添加一个 有状态的部件（Stateful widget）

• 第4步: 创建一个无限滚动ListView

• 第5步: 添加交互

• 第6步: 导航到新页面

• 第7步：使用主题更改UI

• ……

第四章 Flutter开发环境搭建和调试

• 开发环境的搭建

• 模拟器的安装与调试

• 开发环境的搭建

• 模拟器的安装与调试

• ……

第五章 Dart语法篇之基础语法(一)

• Hello Dart

• 数据类型

• 变量和常量

• 集合(List、Set、Map)

• 流程控制

• 运算符

• 异常

• 函数

• ……

第六章 Dart语法篇之集合的使用与源码解析(二)

• List

• Set

• Map

• Queue

• LinkedList

• HashMap

• Map、HashMap、LinkedHashMap、SplayTreeMap区别

• 命名构造函数from和of的区别以及使用建议

• ……

第七章 Dart语法篇之集合操作符函数与源码分析(三)

• Iterable（Iterable类关系图、Iterable类方法图……）

• forEach（介绍、使用方式、源码解析……）

• map（介绍、使用方式、源码解析……）

• any（介绍、使用方式、源码解析……）

• every（介绍、使用方式、源码解析……）

• where（介绍、使用方式、源码解析……）

• firstWhere和singleWhere和lastWhere（介绍、使用方式、源码解析……）

• join（介绍、使用方式、源码解析……）

• take（介绍、使用方式、源码解析……）

• takeWhile（介绍、使用方式、源码解析……）

• ……（内容太多）

第八章 Dart语法篇之函数的使用(四)

• 函数参数

• 匿名函数(闭包，lambda)

• 箭头函数

• 局部函数

• 顶层函数和静态函数

• main函数

• ……

第九章 Dart语法篇之面向对象基础(五)

最后送福利了，现在关注我可以获取包含源码解析，自定义View，动画实现，架构分享等。
内容难度适中，篇幅精炼，每天只需花上十几分钟阅读即可。
大家可以跟我一起探讨，有flutter—底层开发—性能优化—移动架构—资深UI工程师 —NDK相关专业人员和视频教学资料，还有更多面试题等你来拿

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

第九章 Dart语法篇之面向对象基础(五)

最后送福利了，现在关注我可以获取包含源码解析，自定义View，动画实现，架构分享等。
内容难度适中，篇幅精炼，每天只需花上十几分钟阅读即可。
大家可以跟我一起探讨，有flutter—底层开发—性能优化—移动架构—资深UI工程师 —NDK相关专业人员和视频教学资料，还有更多面试题等你来拿

[外链图片转存中…(img-v8SdKzHf-1715344879148)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！