flutter线性布局详解 flutter 线程模型

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

Flutter组件TextFormField详解

1、一个FormField包含TextField，它将TextField小部件包装在FormField中。表单(From)使一次进行保存、重置或验证多个字段变得更容易。

2、Material组件库中提供了输入框组件TextField TextField用于文本输入，它提供了很多属性，我们先简单介绍一下主要属性的作用，然后通过几个示例来演示一下关键属性的用法。

3、凸起按钮组件RaisedButton是Material Design中的button，一个凸起的材质矩形按钮，它可以响应按下事件，并且按下时会带一个触摸效果。列表是最常见的需求。

Flutter:State生命周期以及页面重载问题详解

子页面互相切换的时候下一个页面创建，上一个页面就会被销毁，这是flutter默认的情况，页面会被移除然后重载。

与iOS的ViewController、Android的Activity一样，Flutter中的Widget也存在生命周期，并且通过State来提现。而App则是一个特殊的Widget，除了需要处理视图显示的各个阶段，还需要应对应用从启动到退出所经历的各个状态。

从上面的例子中可以看到， StatefulWidget 会要求提供一个含有视图树的 State 。既然 State 能够控制一个视图的状态，那它肯定会有一系列的生命周期。上图就是 State 的生命周期图。

Flutter生命周期可以分为3个阶段：实例化组件并添加到树，即Navigator.push；状态变化，即打开新的widget或者依赖的上级widget发生变化；从树中移除，即Navigator.pop。

state的 build方法（当调用 setState 方法，会重新调用 build 进行渲染）state的 deactivate 方法（当state被暂时从视图移除的时候会调用，页面 push 走、 pop 回来的时候都会调用。

生命周期是一个从创建到销毁的过程，Flutter生命周期分为两部分： Widget的生命周期 APP的生命周期 StatelessWidget 对于StatelessWidget来说，生命周期只有build过程。

Flutter组件Container详解

Container的组成如下：- width 和 height ：宽和高。- color ：背景色，值为一个 Color 对象，不能与 decoration 属性同时设置。- margin ：外边距，值为一个 EdgeInsets 对象。

Container 是一个结合了尺寸，形状，背景颜色，间距，留白，装饰等功能于一身的组件。

解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。

为此，Flutter中提出一个Sliver（中文为“薄片”的意思）概念，Sliver 可以包含一个或多个子组件。

Flutter Widget采用现代响应式框架构建，这是从 React 中获得的灵感，中心思想是用widget构建你的UI。 Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么。

对于初学flutter的朋友来说，要知道，flutter的UI万物皆Widget。 flutter所写的页面的结构可以被看成套娃，一层套一层，一层套一层，一层套一层。。

Flutter中Widget，State和BuildContext的概念是每个Flutter开发人员需要完全理解的最重要概念之一。这里先讲解一下Widget以及Widget。三者之间的关系会在最后一篇总结一下。

Flutter中有两个常用的状态Widget分为StatefulWidget和StatelessWidget，分别为动态视图和静态视图，视图的更新需要调用StatefulWidget的setState方法，这会遍历调用子Widget的build方法。

在 StatefulWidget 中，值保存在_State，如果没有标记key。则当更新界面时，会重新调用 Widget build(BuildContext context) 方法。此时，widget 赋值会从头开始从element中拿取数据，放入widget。