Flutter中如何无需重建BottomSheet即可同步刷新其显示的状态？

• showModalBottomSheet 创建的是独立于父StatefulWidget的路由上下文，父组件调用setState只会刷新父组件的渲染树，不会自动触发BottomSheet的重绘，所以你更新了父组件的filters状态，BottomSheet里的Filters组件收不到新的参数。

使用Flutter内置的StatefulBuilder实现BottomSheet的局部刷新，不需要重建整个BottomSheet，也不需要引入额外的状态管理库。
修改逻辑如下：

1. 在showModalBottomSheet的builder中包裹StatefulBuilder，获取BottomSheet内部的状态更新方法，避免和父组件的setState混淆
2. 修改removeFilter方法，支持传入BottomSheet的状态更新方法，保证父组件和BottomSheet状态同步

修改后完整代码：

List<dynamic> filters = [];

// 新增可选参数接收BottomSheet的状态更新方法
void removeFilter(String field, [StateSetter? bottomSheetSetState]) {
  List<dynamic> updatedFilters =
      filters.where((element) => element['field'] != field).toList();
  // 更新父组件状态
  this.setState(() {
    filters = updatedFilters;
  });
  // 传入了BottomSheet的状态更新方法就调用，只刷新BottomSheet内部
  if (bottomSheetSetState != null) {
    bottomSheetSetState(() {});
  }
}

void showFiltersScreen(BuildContext context, String field) {
  showModalBottomSheet(
    context: context,
    isScrollControlled: true,
    builder: (context) {
      // 包裹StatefulBuilder获取BottomSheet内部的状态更新方法
      return StatefulBuilder(
        builder: (BuildContext context, StateSetter setStateBottomSheet) {
          return Padding(
            padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
            child: Filters(
              blockColor: widget.blockData.color,
              tableinfo: _tableinfo,
              filters: filters,
              // 调用removeFilter时传入BottomSheet的状态更新方法
              removeFilter: (field) => this.removeFilter(field, setStateBottomSheet),
              setState: setState,
            ),
          );
        }
      );
  });
}

• 不会重建整个BottomSheet，StatefulBuilder的状态更新只会重绘它包裹的内部组件，性能损耗极低
• 仅使用Flutter内置API实现，无额外依赖，逻辑清晰易维护
• 父组件和BottomSheet的状态完全同步，不会出现数据不一致的问题

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