Flutter RefreshIndicator 禁用刷新

Posted 2021-12-11 DennisJu

背景

在使用RefreshIndicator控件的时候，他是嵌套在ListView或者CustomScrollview等可以滚动控件来实现刷新的，怎样在不通过重写布局的方式，在编辑模式下禁用刷新，在非编辑模式下启用刷新呢？

解决方案

查看源码发现RefreshIndicator也是一个通过notifcation驱动的行为的控件，具体在notifvation在flutter中是什么作用可以单独开一篇博客来详述。最终结论我们可以通过拦截notifcation的消息分发来拦截刷新控件的UI显示。所以可以在控件给出的notifcation回调中设置返回值，达到禁用刷新的需求。

RefreshIndicator(
              notificationPredicate: (notify){return isNotInEdit;},//编辑状态不显示刷新UI
              child: CustomScrollView(
                physics: const AlwaysScrollableScrollPhysics(),
                controller: controller,
                slivers: <Widget>[
                 //xxx
                ],
              ),
              onRefresh: () async {
                //编辑状态不让刷新
                if (isNotInEdit) {
                 
                }
              })