如何通过代码触发custom_refresh_indicator的刷新功能？

我在应用中使用了custom_refresh_indicator包来实现下拉刷新功能，但现在希望通过点击按钮程序化触发刷新，而不是依赖用户手动下拉顶部，请问这是否可行？

我当前的代码如下（位于Scaffold的body中）：

CustomRefreshIndicator(
        onRefresh: () async { // <--- 我想通过代码触发这个方法
          await Future.delayed(const Duration(milliseconds: 400));
        },
        builder: (BuildContext context, Widget child,
            IndicatorController controller) {
          return AnimatedBuilder(
            animation: controller,
            builder: (BuildContext context, _) {
              return Stack(
                clipBehavior: Clip.hardEdge,
                children: <Widget>[
                  AnimatedBuilder(
                    animation: controller,
                    builder: (BuildContext context, _) {
                      return Container(
                        color: Colors.white,
                        width: double.infinity,
                        height: controller.value * 80,
                        child: const FittedBox(
                          alignment: Alignment.center,
                          fit: BoxFit.scaleDown,
                          child: Padding(
                            padding: EdgeInsets.symmetric(vertical: 8),
                            child: CupertinoActivityIndicator(
                              radius: 12,
                              color: Colors.black,
                            ),
                          ),
                        ),
                      );
                    },
                  ),
                  Transform.translate(
                    offset: Offset(0, controller.value * 80),
                    child: child,
                  ),
                ],
              );
            },
          );
        },
        child: ScrollablePositionedList.builder(
          physics: const ClampingScrollPhysics(
            parent: AlwaysScrollableScrollPhysics(),
          ),
          itemCount: posts.length + 1,
          itemBuilder: (context, index) {
            if (index == 0) {
              return Container(
                height: 200,
                color: Colors.green,
                child: const Center(
                  child: Text('post content'),
                ),
              );
            } else if (posts[index - 1].isRoot) {
              return Container(
                padding: const EdgeInsets.symmetric(vertical: 15),
                margin: const EdgeInsets.symmetric(vertical: 5),
                color: Colors.redAccent,
                child: Text('ROOT COMMENT, index: ${index - 1}'),
              );
            } else {
              return Container(
                padding: const EdgeInsets.symmetric(vertical: 15),
                margin: const EdgeInsets.symmetric(vertical: 5),
                color: Colors.lightBlueAccent,
                child: Text('Threaded comment, index: ${index - 1}'),
              );
            }
          },
          itemScrollController: itemScrollController,
          itemPositionsListener: itemPositionsListener,
        ),
      ),

当然可行，核心是利用IndicatorController的方法来程序化触发完整的刷新流程，包括动画和onRefresh回调执行。具体步骤如下：

1. 创建并持有IndicatorController实例
   在你的State类中声明控制器对象，并在初始化和销毁时做好生命周期管理：

   late final IndicatorController _refreshController;
   
   @override
   void initState() {
     super.initState();
     _refreshController = IndicatorController();
   }
   
   @override
   void dispose() {
     _refreshController.dispose();
     super.dispose();
   }
   

2. 将控制器绑定到CustomRefreshIndicator
   在组件中添加controller参数，关联你创建的控制器：

   CustomRefreshIndicator(
     controller: _refreshController, // 新增绑定逻辑
     onRefresh: () async {
       await Future.delayed(const Duration(milliseconds: 400));
     },
     // 其余原有代码保持不变
   )
   

3. 通过按钮触发刷新
   在按钮的点击回调中调用triggerRefresh()方法，这会自动启动刷新动画并执行onRefresh中的逻辑：

   ElevatedButton(
     onPressed: () {
       _refreshController.triggerRefresh();
     },
     child: const Text('触发刷新'),
   )
   

额外说明 #

• 如果仅需要执行刷新逻辑而不需要显示动画，直接调用onRefresh()方法即可，但建议使用triggerRefresh()保持交互一致性；
• 务必在组件销毁时调用dispose()释放控制器资源，避免内存泄漏。

内容的提问来源于stack exchange，提问作者Matthew Trent