Dart/Flutter Widget树：三元表达式与if条件的最佳实践

没有强制的一刀切规范，核心判断标准始终是代码可读性与后续维护成本，两种写法的适用场景可以明确划分：

优先使用内联三元表达式的场景 #

当同时满足以下所有条件时，直接在Widget属性位置写三元表达式是最优选择，代码简洁无冗余：

• 仅存在2个互斥分支
• 判断条件逻辑简单、长度不超过单行
• 两个分支返回的Widget构造逻辑简短，无多层嵌套配置
  比如你给出的判断列表是否为空返回空组件的示例，内联写法完全合规：

floatingActionButton: selectedLicences.isEmpty
          ? const SizedBox.shrink() // 实际开发中比Container()更推荐用SizedBox.shrink()构建无渲染空组件
          : LicencesWidget(selectedLicences: selectedLicences)

❌ 注意：绝对不要使用嵌套两层及以上的三元表达式，这类写法需要读者反复对齐条件与分支对应关系，debug和修改的成本极高，属于公认的反面实践。

优先抽离逻辑、使用if-else判断的场景 #

只要满足以下任意一条，就不要硬写内联三元，应该将渲染逻辑抽离：

• 需要两层及以上的条件判断
• 任意一个分支返回的Widget存在大量配置参数、嵌套子组件，代码长度超过3行
• 这段条件渲染逻辑需要在当前页面多个位置复用
• 后续迭代大概率会新增判断分支
  抽离时优先选择封装独立的StatelessWidget，其次才是当前类中的私有构建方法：独立组件可以享受Flutter的组件重建优化机制，也支持单独复用、单独编写测试，可维护性远高于类内私有方法。
  你给出的抽离构建函数的写法，在逻辑变复杂时是完全符合规范的：

Widget _buildFAB(List<X> licences) {
    if (licences.isEmpty) {
      return const SizedBox.shrink();
    }
    return LicencesWidget(selectedLicences: licences);
  }

总结 #

你给出的两个示例场景逻辑非常简单，两种写法都没有违反开发规范，选择和团队现有代码风格统一的写法即可。一旦逻辑复杂度上升，永远优先选择可读性更高、后续修改更不容易出错的写法，不要为了“代码短”硬写嵌套三元。

内容的提问来源于stack exchange，提问作者Rymcode