Flutter基础篇——常用Widget 对于初学flutter的朋友来说 ， 要知道 ， flutter的UI万物皆Widget 。
flutter所写的页面的结构可以被看成套娃 ， 一层套一层 ， 一层套一层 ， 一层套一层 。。。。。。
Flutter Widget采用现代响应式框架构建 ， 这是从 React 中获得的灵感 ， 中心思想是用widget构建你的UI 。Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么 。当widget的状态发生变化时 ， widget会重新构建UI ， Flutter会对比前后变化的不同 ， 以确定底层渲染树从一个状态转换到下一个状态所需的最小更改 。
Text ： 该 widget 可让创建一个带格式的文本 。
Row 、 Column ： 这些具有弹性空间的布局类Widget可让您在水平（ Row ）和垂直（ Column ）方向上创建灵活的布局 。
Stack ：取代线性布局 (和Android中的LinearLayout相似) ， Stack允许子 widget 堆叠 ， 你可以使用Positioned来定位他们相对于 Stack 的上下左右四条边的位置 。
Container ： Container 可让您创建矩形视觉元素 。您可以为 Container 装饰一个BoxDecoration, 如 background、一个边框、或者一个阴影 。Container也可以具有边距（margins）、填充(padding)和应用于其大小的约束(constraints) 。另外 ， Container可以使用矩阵在三维空间中对其进行变换 。
具体的演示见我另外的博客
有一部分Widget都有一个 child 属性 ， 用于容纳唯一的子Widget 。
例如：Container、Center、Padding、Align等Widget 。
还有一部分Widget允许存在多个子Widget ， 用 children 作为属性 。
例如：Row、Column、Stack等Widget 。
在StatefulWidget调用createState之后 ， 框架将新的状态插入树种 ， 然后调用状态对象的initState 。子类化State可以重写initState ， 以完成仅需要一次执行的工作 。当然在initState的实现中需要调用super.initState
当一个状态对象不再需要时 ， 框架调用状态对象的dispose 。也可以通过覆盖dispose方法来执行清理工作 。
OVER~
文章插图
flutter是什么意思 ， flutter的解释flutter
英[?fl?t?(r)]美[?fl?t?]
vi. 飘动; 鼓翼;
vt. 振翼 ， 拍翅膀; 烦扰 ， 坐立不安; （旗帜） 飘扬;
n. 颤振; 飘扬; 紧张 ， 激动不安; （身体部分的） 病态阵跳;
[例句]Her chiffon skirt was fluttering in the night breeze.
她的雪纺裙在晚风中飘动着 。
[其他] 第三人称单数：flutters 现在分词：fluttering 过去式：fluttered 过去分词：fluttered
flutter怎么读flutter的读音是：英 ['fl?t?(r)] ， 美 ['fl?t?r] 。
n. 摆动 ， 振翼 ， 烦扰
vi. 摆动 ， 振翼 ， 烦扰
vt. 使心烦 ， 使焦虑
例句：He immediately fell into a great flutter.
翻译：他立刻变得心慌意乱 。
短语：flutter down 飘摇而下
近义词
flap
英 [fl?p]美 [fl?p]
n. 拍打 ， 拍打声 ， 片状垂悬物 ， 副翼 ， 口不安
v. 拍打 ， 鼓翼而飞
例句：A flap from the tail of the whale upset the boat.
翻译：鲸尾轻轻一拍便把小船打翻了 。
短语：flap impotently 无力地移动
Flutter入门这一篇效率文章就够了 本文面向 Flutter 初学者 ， 旨在用易懂的方式带大家入门 。除了 Flutter 代码 ， 还会介绍到语法、原理、特性等基础知识 。相信本文能帮助你学习和理解 Flutter 。
我们先看一下目前的一些跨平台方案 ， 从前端渲染的角度来分类的话 ， 大致可以分为以下几种方案 。
WebView 渲染
这种方案就很好理解 ， 现在很多项目都会嵌入 H5 的页面 。就是用 JavaScript 等前端技术进行开发 ， 在客户端上用 WebView 来进行渲染 。微信小程序目前使用的就是这种方案 。
它的优点很明显 ， 使用成熟的前端技术进行开发 ， 学习成本低 ， 开发效率高 ， 并且支持动态发布代码 。
但缺点也很明显 ， 在性能体验上 ， 和原生还是存在较大差距的 。
原生控件渲染
既然 WebView 的性能不够好 ， 于是就有了使用原生控件进行渲染的方案 。这种方案 ， 同样也是使用 JavaScript 开发 ， 区别是它最终是调用原生控件进行渲染的 。这种方案的代表是 Facebook 的 React Native 。