Flutter实现点击切换用户名/匿名状态的功能求助

你当前的代码存在条件渲染语法错误，Flutter Widget树中不支持else...[]这种写法，而且重复编写两个完整ListTile会造成代码冗余，也不利于后续维护。以下是修正后的实现方案：

核心修改点 #

1. 确保状态变量anonCheck正确初始化并维护
2. 用条件表达式动态切换需要变化的UI部分（图标、用户名），复用公共Widget结构
3. 处理Checkbox状态更新时的null值问题

修正后的完整代码 #

// 在你的State类中定义状态变量
bool anonCheck = false;

// 构建UI部分
Column(
  children: [
    ListTile(
      leading: GestureDetector(
        onTap: () {},
        child: Row(
          mainAxisSize: MainAxisSize.min, // 避免Row占满leading区域宽度
          children: [
            // 根据匿名状态切换图标
            Icon(
              anonCheck ? Icons.skateboarding : Icons.kayaking,
              size: 30,
            ),
            const SizedBox(width: 4),
            // 根据匿名状态显示用户名或匿名文本
            Text(
              anonCheck ? 'Anonymous' : widget.post.username,
              style: const TextStyle(
                fontSize: 15,
                // color: AppColors.blue,
                // fontFamily: 'lexend'
              ),
            ),
          ],
        ),
      ),
      trailing: GestureDetector(
        onTap: anonCheck ? () {} : _showOptions, // 匿名时可禁用删除功能
        child: const Icon(Icons.more_horiz, color: AppColors.blue),
      ),
    ),
    Checkbox(
      value: anonCheck,
      onChanged: (bool? value) {
        setState(() {
          anonCheck = value ?? false; // 处理null值，确保状态始终为bool类型
        });
      },
      // activeColor: AppColors.blue,
      // checkColor: AppColors.white,
    ),
  ],
)

后续注意事项 #

• 提交捐赠数据时，需要将anonCheck的状态和捐赠信息一起上传到后端存储
• 在公共动态流展示捐赠记录时，根据后端返回的匿名状态，决定显示用户名还是"Anonymous"

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