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

为什么原生应用开发者需要关注 Flutter

如果你是 iOS、Android 的原生开发者，那你应该看一下这篇文章，这篇文章清晰的说明了为什么原生开发这需要关注 Flutter。简单易学高效的 Dart 语言、反应式的 Flutter、以及一切都是Wiget……，看完这些之后，你会感觉到 Flutter 的简洁强大。你会停止下来手头的正在写的 Swift 和 Kotlin 代码，去了解一下 Flutter 是什么。

Flutter 英文官网

在这个网站中你必须看懂的是怎样配置 Flutter 的开发环境。为什么不用 Flutter 中文网？因为最新特性需要翻译，网站更新需要时间。

Flutter 安装（Windows）

如果你在官网学习如何安装 Flutter 遇到了问题，那么应该找学习一下前人的经验了。这篇文章讲解了如何在 Windows 上安装 Flutter SDK。希望给使用 Windows 作为开发机器的小伙伴一点帮助。

Flutter 安装（Mac）

如果你使用的是 Mac，这篇详细的教程可以帮到你。

Google 跨平台方案 Flutter 从入门到实战

配置好基本环境以后，我们要学习的是 Flutter 的基本语法，内容包括：变量声明、数据类型、判断和循环条件等基础知识。虽然编程语言千变万化，但是学习路径永远是这样。建议你在学习 Flutter 基础知识的时候对照着自己正在使用的编程语言的学习路径，对应起来学习。有对比学的更快些。

如果你一步一步的学习，学到这里，算是完成了小成就。你现在可以轻松的写下几行 Dart 的代码，然后运行一个 Hello World 程序。

Flutter 布局详解

学习过 Hello World 程序之后。我们可以开始学习 Flutter 布局了。学习布局意味着我们可以使用 Flutter 构建移动应用界面，一套代码，可以在 Android 和 iOS 上运行。本文主要介绍了 Flutter 布局的相关内容，从实际的例子出发，讲解该如何使用 Flutter 进行布局。

Flutter 布局（一）- Container详解

本文列举了 Flutter中 最常见的布局 Container， 列举的一些实际应用的例子以及使用方法。

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

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）

csdnimg.cn/img_convert/6c361282296f86381401c05e862fe4e9.png)

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）