Flutter中如何避免RefreshIndicator触发InkWell的onTap事件？

出现这个问题是因为RefreshIndicator的下拉手势和列表项的点击手势未被正确区分，释放下拉刷新手势时，系统会误将这个结束动作判定为列表项的点击操作。下面提供两种可行的解决方法：

方法一：通过手势位移过滤误触 #

用GestureDetector结合位移判断逻辑，只有当手势按下到抬起的位移足够小时，才触发点击操作，以此过滤下拉刷新带来的大位移手势。同时保留InkWell的水波纹效果：

return Scaffold(
  body: RefreshIndicator(
    child: CustomScrollView(
      slivers: [
        SliverList(
          delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index) {
              final item = listData.elementAt(index);
              Offset? _tapDownPos;
              return GestureDetector(
                onTapDown: (details) => _tapDownPos = details.globalPosition,
                onTapUp: (details) {
                  if (_tapDownPos != null) {
                    // 位移小于10像素才判定为有效点击
                    final distance = (_tapDownPos! - details.globalPosition).distance;
                    if (distance < 10) {
                      print("Tapped");
                    }
                  }
                },
                child: InkWell(
                  onTap: () {}, // 空实现，点击逻辑移至GestureDetector
                  child: SpecializedListItemWidget(forItem: item),
                ),
              );
            },
            childCount: listData.length,
          ),
        )
      ],
    ),
    onRefresh: () async => await _updateList(),
  ),
);

方法二：通过刷新状态控制点击权限 #

添加状态变量标记当前是否处于刷新状态，在列表项的点击事件中判断，仅当非刷新状态时才触发逻辑：

bool _isRefreshing = false;

Future<void> _updateList() async {
  _isRefreshing = true;
  setState(() {});
  try {
    // 执行列表更新逻辑
    await Future.delayed(const Duration(seconds: 1));
    // 更新listData数据
  } finally {
    _isRefreshing = false;
    setState(() {});
  }
}

// 页面构建代码
return Scaffold(
  body: RefreshIndicator(
    child: CustomScrollView(
      slivers: [
        SliverList(
          delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index) {
              final item = listData.elementAt(index);
              return InkWell(
                onTap: () {
                  if (!_isRefreshing) {
                    print("Tapped");
                  }
                },
                child: SpecializedListItemWidget(forItem: item),
              );
            },
            childCount: listData.length,
          ),
        )
      ],
    ),
    onRefresh: _updateList,
  ),
);

两种方法各有侧重：方法一通过手势本身的位移特征区分操作，无需额外维护状态；方法二通过状态变量直观控制点击权限，逻辑更清晰，可根据自身需求选择使用。

内容的提问来源于stack exchange，提问作者Thorsten Dittmar