Flutter：如何通过if条件或case语句设置多场景Icon

你当前的代码存在Dart语法错误——不能直接在InputDecoration的prefixIcon参数里写多个独立if语句，因为构造函数参数需要接收一个单一的表达式值。下面给你几种适配多条件场景的可行方案：

方案一：链式条件表达式（扩展三元运算符） #

适合条件数量不多的场景，比多层嵌套三元更易读：

InputDecoration inputDecoration(String title) {
  return InputDecoration(
    prefixIcon: title == 'title'
        ? const Icon(Icons.title_outlined)
        : title == 'description'
            ? const Icon(Icons.description)
            : title == 'search' // 新增条件示例
                ? const Icon(Icons.search)
                : const Icon(Icons.help_outline), // 默认兜底图标
    prefixIconColor: MaterialStateColor.resolveWith((Set<MaterialState> states) {
      if (states.contains(MaterialState.focused)) {
        return Colors.green;
      }
      if (states.contains(MaterialState.error)) {
        return Colors.red;
      }
      return Colors.grey;
    }),
    border: const OutlineInputBorder(
      gapPadding: 15,
      borderRadius: BorderRadius.all(Radius.circular(3)),
    ),
  );
}

方案二：封装为独立函数（switch-case/if-else） #

适合条件较多的场景，代码结构更清晰，后期维护更方便：

// 使用switch-case的版本
Icon _getPrefixIcon(String title) {
  switch (title) {
    case 'title':
      return const Icon(Icons.title_outlined);
    case 'description':
      return const Icon(Icons.description);
    case 'email':
      return const Icon(Icons.email_outlined);
    case 'phone':
      return const Icon(Icons.phone_outlined);
    default:
      return const Icon(Icons.help_outline); // 默认图标
  }
}

// 或者用if-else的版本（逻辑类似）
Icon _getPrefixIconIf(String title) {
  if (title == 'title') return const Icon(Icons.title_outlined);
  if (title == 'description') return const Icon(Icons.description);
  if (title == 'email') return const Icon(Icons.email_outlined);
  return const Icon(Icons.help_outline);
}

// 调用封装函数
InputDecoration inputDecoration(String title) {
  return InputDecoration(
    prefixIcon: _getPrefixIcon(title),
    prefixIconColor: MaterialStateColor.resolveWith((Set<MaterialState> states) {
      if (states.contains(MaterialState.focused)) {
        return Colors.green;
      }
      if (states.contains(MaterialState.error)) {
        return Colors.red;
      }
      return Colors.grey;
    }),
    border: const OutlineInputBorder(
      gapPadding: 15,
      borderRadius: BorderRadius.all(Radius.circular(3)),
    ),
  );
}

方案三：立即执行匿名函数（临时简单逻辑） #

如果不想单独封装函数，也可以用立即执行的匿名函数包裹if逻辑：

InputDecoration inputDecoration(String title) {
  return InputDecoration(
    prefixIcon: (() {
      if (title == 'title') return const Icon(Icons.title_outlined);
      if (title == 'description') return const Icon(Icons.description);
      return const Icon(Icons.help_outline);
    })(),
    // 其他参数保持不变...
  );
}

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