Flutter CircularProgressIndicator无法随isLoading更新状态问题

云原生阿岚

2026-8-27

问题根因

Flutter中StatefulWidget的本地状态变量发生变更后，必须显式调用setState()方法通知框架重新执行组件的build逻辑，才能将最新状态同步渲染到UI上。
你的代码中在异步请求的then回调内直接执行isLoading = false，没有触发状态更新通知，页面始终使用初始的isLoading = true状态渲染，因此CircularProgressIndicator不会自动隐藏。

修复方式

修改fetchData方法的回调逻辑，将isLoading的赋值操作放入setState回调中即可：

void fetchData() async {
  Provider.of<ProductgridVM>(context,listen: false).fetchProductGridList(
      productcode: productcode,
      branchname: branchname,
      metalname: metalname,
      purityname: purityname,
      seriesname: seriesname,
      producttypename: producttypename,
      collectionname: collectionname,
      categoriesname: categoriesname,
      makingProcessname: makingProcessname,
      page_no: page_no, 
      page_size: page_size
  ).then((value) {
    setState(() {
      isLoading = false;
    });
  });
}

优化建议

补充异步请求的异常捕获逻辑，在请求报错时也通过setState将isLoading置为false，同时可搭配错误提示组件告知用户请求失败，避免加载指示器永久显示。
既然项目中已经使用Provider做状态管理，更推荐将isLoading加载状态统一维护在ProductgridVM中，页面通过Consumer/Selector监听加载状态变化刷新UI，减少页面State中的冗余状态维护。