Dart中List内的if条件语句能否添加大括号？

问题场景 #

在Flutter开发中，List内使用无大括号的if/else条件代码可正常运行，但给单表达式的if/else添加大括号后出现类型错误。

可正常运行的代码 #

import 'package:flutter/material.dart';

void main() {
  runApp(const _MyApp());
}

class _MyApp extends StatelessWidget {
  const _MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    const isFlag = true;

    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: const [
            Text(
              "Demo1",
            ),
            if (isFlag)
              Text(
                "Demo true",
              )
            else
              Text(
                "Demo flase",
              )
          ],
        ),
      ),
    );
  }
}

添加大括号后报错的代码 #

import 'package:flutter/material.dart';

void main() {
  runApp(const _MyApp());
}

class _MyApp extends StatelessWidget {
  const _MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    const isFlag = true;

    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: const [
            Text(
              "Demo1",
            ),
            if (isFlag) {
              Text(
                "Demo true",
              )
            } else {
              Text(
                "Demo flase",
              )
            }
          ],
        ),
      ),
    );
  }
}

错误信息 #

lib/main.dart:21:25: Error: A value of type 'Set<Text>' can't be assigned to a variable of type 'Widget'.
 - 'Set' is from 'dart:core'.
 - 'Text' is from 'package:flutter/src/widgets/text.dart'
 ('../../../flutter-command/flutter/packages/flutter/lib/src/widgets/text.dart').
 - 'Widget' is from 'package:flutter/src/widgets/framework.dart'
 ('../../../flutter-command/flutter/packages/flutter/lib/src/widgets/framework.dart').
            if (isFlag) {
                        ^
lib/main.dart:25:20: Error: A value of type 'Set<Text>' can't be assigned to a variable of type 'Widget'.
 - 'Set' is from 'dart:core'.
 - 'Text' is from 'package:flutter/src/widgets/text.dart'
 ('../../../flutter-command/flutter/packages/flutter/lib/src/widgets/text.dart').
 - 'Widget' is from 'package:flutter/src/widgets/framework.dart'
 ('../../../flutter-command/flutter/packages/flutter/lib/src/widgets/framework.dart').
            } else {

原因分析与解决方案 #

Dart的List集合字面量里的if属于集合条件元素语法，要求条件分支返回单个元素或可展开的元素组。

当给if/else添加大括号后，Dart会触发语法歧义：大括号在Dart中既可以表示代码块，也可以表示Set字面量。你写的{ Text("Demo true") }会被解析为Set<Text>实例，而Column的children要求是List<Widget>，Set类型无法直接作为List的Widget元素，因此报错。

正确使用大括号的写法 #

如果坚持要用大括号包裹分支逻辑，需要明确让代码块返回单个Widget，可通过显式return实现：

children: [
  const Text("Demo1"),
  if (isFlag) {
    return const Text("Demo true");
  } else {
    return const Text("Demo false");
  },
]

或者用箭头函数简化（箭头函数本身无需额外大括号）：

children: const [
  Text("Demo1"),
  if (isFlag) => Text("Demo true") else => Text("Demo false"),
]

结论 #

List内的if语句允许添加大括号，但需规避Set字面量的语法歧义，确保分支返回单个Widget类型。不过对于单表达式分支，直接省略大括号是更符合Dart语法习惯的写法，既简洁又能避免歧义。

内容的提问来源于stack exchange，提问作者shingo.nakanishi