Flutter中数据更新时如何完全重建整个视图（用户列表编辑刷新场景）

问题原因 #

你当前的then((value) => setState(() {})方案无效，核心原因是：空setState只会触发当前AdministrativeListCard组件重绘，但列表数据源来自Provider的administrativeListPage，你没有触发Provider更新这份数据，自然不会看到最新的用户信息。另外你的滚动监听写在build方法中，每次重绘都会重复添加监听，存在内存泄漏和重复请求的bug。

具体解决方案 #

1. 给AdministrativeProvider新增全量刷新方法

你原有的getAdministratives是分页追加逻辑，新增重置分页、清空旧数据后重新拉取第一页的方法：

// 加入AdministrativeProvider类中
Future<void> refreshFullList() async {
  _currentPage = 0; // 重置为你初始化时的页码初始值，若初始是1就改为1
  administrativeListPage.clear(); // 清空原有旧数据
  notifyListeners(); // 先触发刷新显示加载状态
  await getAdministratives(); // 调用原有分页逻辑拉取第一页最新数据
}

2. 修改跳转编辑页的回调逻辑

返回时直接调用Provider的刷新方法，不需要额外空setState：

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => AdministrativeDetail(
      administrativeElement: administrativeElement
    )
  ),
).then((value) {
  // listen设为false，避免回调中监听UI变化报错
  Provider.of<AdministrativeProvider>(context, listen: false).refreshFullList();
});

3. 修复滚动监听bug（必须修改）

把ScrollController的监听逻辑从build方法移到initState中，销毁时释放控制器：

class _AdministrativeListCardState extends State<AdministrativeListCard> {
  bool _canGetMore = true;
  final ScrollController _scrollController = ScrollController();
  final preferences = new PreferencesUser();

  @override
  void initState() {
    super.initState();
    // 滚动监听仅初始化一次
    _scrollController.addListener(() {
      final double diff = _scrollController.position.maxScrollExtent -
          _scrollController.position.pixels;
      if (diff <= 500 && _canGetMore) {
        _canGetMore = false;
        widget.onNextPage();
      } else {
        _canGetMore = true;
      }
    });
  }

  @override
  void dispose() {
    _scrollController.dispose(); // 释放控制器避免内存泄漏
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    bool isScreenLarge = Screen.largeScreen(context);
    return Container(
      child: GridView.builder(
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: isScreenLarge ? 3 : 2,
            crossAxisSpacing: 1,
            mainAxisSpacing: 1,
            childAspectRatio:
                isScreenLarge ? (220.0 / 220.0) : (200.0 / 200.0)),
        controller: _scrollController,
        itemCount: widget.listAdministrativeElement.length,
        itemBuilder: (context, i) => businessCardAdministrative(
            context, widget.listAdministrativeElement[i], isScreenLarge),
      ),
    );
  }
}

生效逻辑 #

修改后从编辑页返回时，Provider会主动清空旧数据、拉取全量最新的用户列表，拉取完成后调用notifyListeners通知所有监听的UI组件自动重绘，完全满足你列表页完全重建、展示最新数据的需求。

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