Flutter中NotificationListener与水平ListView.builder配合失效问题

问题原因 #

这是因为水平方向的ListView只有当子元素总宽度超出父容器可视宽度时，才会产生滚动行为并触发滚动通知。你当前代码里itemCount=2，子元素仅为包含"text "的Text组件，总宽度远小于屏幕宽度，ListView根本不需要滚动，自然不会触发NotificationListener的回调。

而切换为垂直方向时，要么是子元素总高度刚好超出了可视区域，要么垂直ListView的默认布局特性让你产生了可滚动的错觉；当itemCount=22时，大量Text的总宽度必然超出屏幕，所以能正常触发滚动通知。

解决方法 #

你可以通过以下两种方式解决：

1. 让子元素总宽度超出可视区域

给子组件设置固定宽度，确保总宽度超过屏幕宽度，示例代码：

itemBuilder: (context, index) {
  return SizedBox(
    width: 200, // 给子项设置固定宽度
    child: const Text("text "),
  );
},

2. 强制ListView允许滚动（即使内容未超出）

给ListView.builder添加physics参数，强制其支持滚动操作，这样即使内容没超出可视区域，拖动时也会触发滚动通知：

ListView.builder(
  scrollDirection: Axis.horizontal,
  physics: const AlwaysScrollableScrollPhysics(), // 强制开启滚动特性
  itemCount: 2,
  itemBuilder: (context, index) {
    return const Text("text ");
  },
),

补充说明 #

如果不需要回弹效果，可以结合ClampingScrollPhysics使用：physics: const AlwaysScrollableScrollPhysics(parent: ClampingScrollPhysics())，这样拖动时不会有弹性回弹。

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