Flutter根据用户选择性别显示对应图标报语法错误解决方法

Dart语法不支持在函数/构造函数的命名参数传值位置直接编写if/else语句块。你把if/else代码块直接传入iconData参数时，语法解析器无法识别这种写法，会把if关键字后的括号误判为InfoDesignUIWidget构造函数的闭合右括号，因此抛出第68行的两个语法错误。

根据你的二选一判断场景，选以下任意一种写法即可：

• 方法1：使用三元表达式（最简洁，适配当前二分支场景）
  三元表达式是Dart支持的直接在传参位置写条件判断的语法，替换原有if/else块即可：

InfoDesignUIWidget(
  textInfo: userModelCurrentInfo!.gender!,
  iconData: userModelCurrentInfo!.gender! == 'Male'
      ? Icons.male_rounded
      : Icons.female_rounded,
),

• 方法2：提前计算图标变量（适合后续要扩展更多性别分支的场景）
  在组件build逻辑中、返回组件前提前判断性别给图标变量赋值，再把变量传入参数：

// 写在build方法内、return组件之前
IconData targetGenderIcon = Icons.female_rounded;
if(userModelCurrentInfo!.gender! == 'Male'){
  targetGenderIcon = Icons.male_rounded;
}

// 组件传参直接使用提前计算好的变量
InfoDesignUIWidget(
  textInfo: userModelCurrentInfo!.gender!,
  iconData: targetGenderIcon,
),

• 方法3：使用集合if语法（Flutter 2及以上版本支持）
  利用Dart集合内支持if/else的特性，取集合第一个元素作为参数值，可读性弱于前两种：

InfoDesignUIWidget(
  textInfo: userModelCurrentInfo!.gender!,
  iconData: [
    if(userModelCurrentInfo!.gender! == 'Male')
      Icons.male_rounded
    else
      Icons.female_rounded
  ].first,
),

注意：如果存在用户数据未加载完成、gender字段为空的场景，不建议频繁使用强制解包操作符!，最好加空值兜底逻辑，避免空指针导致的页面崩溃。

内容的提问来源于stack exchange，提问作者S.shawaj