新手入门需要知道的Flutter基础

前言

非常感谢Vadaski大佬为这篇文章提供了很多技术支持，写这篇文章也是为了让自己更好的理解flutter，为以后更加深入学习flutter打下基础，如果看完这篇文章你对Flutter感兴趣，还可以看看这篇文章，对于新手也是非常的友好。

Vadaski/One-Punch-Flutter: Flutter Book (github.com)

在学习flutter之前，以java为例，初学者需要知道什么是类，方法，需要知道java的特性：封装，继承，多态。虽然不需要在java上有很高的造诣，但是需要对编程语言有一个大致的理解。在flutter中将会采用Dart语言来进行编程， Dart在静态语法方面和Java非常相似，如类型定义、函数声明、泛型等，而在动态特性方面又和JavaScript很像，如函数式特性、异步支持等，如果你会一些Java和JavaScript的语言基础，那么将会非常容易上手。

目录

前言

一、什么是Widget？

二、Widget与Element

三、StatelessWidget

四、StatefulWidget

五、State

五、总结

---

一、什么是Widget？

在学习flutter前我们需要知道什么是Widget，这是flutter中非常重要的东西，在flutter中几乎所有的对象都是一个Widget，有一句话叫： 在Flutter 中 Everything is Widget。

这里我们举一个例子：

现在我们想象有一个app页面，这个app页面由文字，图片，按钮组成，这些文字，图片，按钮就是我们从一个空白的页面上添加上去的组件，我们可以把Widget理解成构筑我们app页面的组件，所以文字是Widget, 图片是Widget，按钮也是Widget。不仅如此，如果我们想让这些组件按照我们想要的方式进行布局，我们布局的组件比如row(行布局)，column（列布局）&#