Flutter中Bottom Sheet Modal内Filter Chip点击无即时反馈问题

你的问题核心在于底部模态框（Bottom Sheet）没有独立的状态更新机制：

• 直接修改selectedTags后，无法触发模态框内部的UI重建，所以点击Filter Chip看不到即时反馈；
• 关闭重开模态框时，builder会重新执行，此时能读取到更新后的selectedTags，所以能显示选中状态；
• 你之前添加的setState是父组件的状态更新，只会重建父组件，不会影响已弹出的模态框内容，甚至可能导致模态框状态异常。

用StatefulBuilder包裹模态框内的可交互内容，它能让模态框拥有局部状态更新能力，点击Chip时即时刷新UI：

修改后的代码：

IconButton(
  icon: const Icon(Icons.add_circle),
  color: const Color(0xFF20647A),
  onPressed: () {
    showModalBottomSheet<void>(
      context: context,
      builder: (BuildContext context) {
        // 用StatefulBuilder包裹需要动态更新的内容
        return StatefulBuilder(
          builder: (context, setState) {
            return SizedBox(
              height: MediaQuery.of(context).size.height * 0.58,
              width: MediaQuery.of(context).size.width,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  ElevatedButton(
                    child: const Text('Close BottomSheet'),
                    onPressed: () => Navigator.pop(context),
                  ),
                  const SizedBox(height: 16),
                  Wrap(
                    spacing: 10,
                    children: tagListFull.map(
                      (category) {
                        return FilterChip(
                          selected: selectedTags.contains(category),
                          onSelected: (bool selected) {
                            // 调用StatefulBuilder提供的局部setState，仅更新模态框内部UI
                            setState(() {
                              if (selected) {
                                selectedTags.add(category);
                              } else {
                                selectedTags.remove(category);
                              }
                            });
                          },
                          label: Text(category),
                        );
                      },
                    ).toList(),
                  ),
                ],
              ),
            );
          },
        );
      },
    );
  },
),

• StatefulBuilder提供的局部setState只会重建它包裹的内容，不会影响父组件；
• 点击FilterChip时调用这个局部setState，就能即时更新Chip的选中状态；
• selectedTags的修改会同步到父组件，关闭重开模态框后依然能保留选中状态。

内容的提问来源于stack exchange，提问作者Ten Digit Grid