Google I/O 发布Dart 2.3新特性之code-as-ui

code-as-ui 此特性为 Flutter 开发量身定制。顾名思义,就是让代码的结构和UI的结构保持一致。如图一是官方示例,Column布局下,某些组件需在一定条件下显示,一般有两种写法,一是如官方例子,新增一个方法,里面通过逻辑判断决定显示与否;二是用三目运算符,两种方式都有应用场景

code-as-ui 此特性为 Flutter 开发量身定制。顾名思义,就是让代码的结构和UI的结构保持一致。如图一是官方示例,Column布局下,某些组件需在一定条件下显示,一般有两种写法,一是如官方例子,新增一个方法,里面通过逻辑判断决定显示与否;二是用三目运算符,两种方式都有应用场景。图一右边的例子是支持在数组字面量[]中的条件判断和数组合并(…),其结构和UI结构一致,清晰明了。

图二和图三是截取自《蒲说》项目的真实片段,学习新特性后,立即优化了代码,代码简洁和更清晰。

图二
图三