Flutter开发 -- 条件绘制

先水一篇，后面扩种这篇的内容。当然就不止是条件绘制了。

很多时候难免会出现一种情况，那就是屏幕显示的一个或者多个Widget和某些条件相关联。满足条件的显示出来，不满足的不显示。这就需要用到条件绘制。

用最常见的三元操作符 ?:

这个是最常见的，在Flutter是，在隔壁React也是。使用的非常普遍。

上面的代码是说，如果满足条件controller.hasSuchField(‘due date’)，就显示一个Icon，否则什么都不显示。
或者

使用If-case或者switch表达式

if-case：

Switch表达式

使用一个匿名方法

根据value的值返回带有不同文本的Text。

用Builder

这是Flutter提供的实现复杂的绘制的工具。万能的builder在各种第三方的状态管理库里频繁出现。
现在看一个例子：

使用自定义方法

**
** 这个方式在Flutter里也会经常用到。不管是高情商代码抽象，还是低情商减少缩进。

以上大部分都可以用在child属性下。但是在Row，Column这样的children属性不一定适用。现在看看对children怎么实现条件绘制：

其实也是用了if表达式，或者类似于三元操作符。只是这里多了一个对Widget列表的操作。就是那个spread operator。让widget列表spread在children里。

如果你看到了这里，觉得文章写得不错就给个赞呗？
更多Android进阶指南 可以扫码 解锁更多Android进阶资料


敲代码不易，关注一下吧。ღ( ´･ᴗ･` )