我看完掘金上的227篇文章，总结出一份 Flutter 入门教程

2018年6月21日，Google 在 GTMC 大会上发布了 Flutter preview 1。这标志着 Flutter 发展已经进入到一个新阶段，即将迎来 1.0 的稳定版本。

本文致力于整理 Flutter 的入门的文章。做为本身学习 Flutter 的学习笔记。同时但愿这篇文章能帮助小伙伴入门 Flutter 。

Flutter 简介

若是你第一次接触 Flutter ，你应该从简介开始，在简介中你能够了解到 Flutter 是什么，有哪些优势。 Flutter 和其余的跨平台框架的差别……。总之，它能更好的带你初步了解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 的相关知识，你能够关注一下掘金的Flutter 的 Tag，目前该Tag下一共有227篇文章。内容包含从 Flutter Beta 3 以来的全部关于 Flutter 的内容，相信这些文章可以更好的帮助你学习 Flutter 。

咱们创建了掘金 Flutter 技术交流群，若是你在移动端阅读本篇文章，你能够复制小熊姐微信号：Fedjiang ，Web端和微信端能够经过扫描二维码，回复 flutter 获取加群连接。