Flutter：长按ListView项时将含ChoiceChip的容器设为禁用状态

你的需求是长按ListView列表项时，让顶部的ChoiceChip保持可见但无法点击，而非直接隐藏容器。原来的代码通过islongpressed判断隐藏容器，可通过以下方式修改实现目标：

修改核心思路 #

• 不再通过条件渲染不同Container，始终保留包含ChoiceChip的容器
• 利用ChoiceChip的特性：当onSelected属性为null时，Chip自动处于禁用状态，无法被点击
• 可选添加禁用样式（比如灰色背景），强化用户对禁用状态的感知

修改后的完整代码 #

Widget typeselection(){
  return Container(
    child: Row(
      children: List<Widget>.generate(
        3,
        (int index) {
          return Row(children: [
            ChoiceChip(
              label: Container(
                child: Text(_types[index]),
                padding: EdgeInsets.symmetric(horizontal: 20),
              ),
              selected: _value == index,
              // 根据长按状态控制Chip是否可点击
              onSelected: islongpressed ? null : (bool selected) {
                setState(() {
                  _value = selected ? index : 0;
                });
              },
              backgroundColor: Colors.blue.shade50,
              // 设置禁用状态下的背景色
              disabledColor: Colors.grey.shade200,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(10)),
              selectedColor: Colors.blue.shade100,
              padding: EdgeInsets.all(0),
            ),
            SizedBox(width: 10,),
          ],);
        },
      ).toList(),
    ),
  );
}

关键修改说明 #

1. 移除条件渲染逻辑：删掉islongpressed==true?Container():这段代码，始终渲染包含ChoiceChip的容器
2. 动态控制可点击状态：当islongpressed为true时，将onSelected设为null，Chip自动转为禁用状态，无法触发点击事件
3. 优化视觉反馈：新增disabledColor属性，设置禁用时的背景色为浅灰色，让用户直观感知Chip不可交互

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