Flutter新版本ScrollController监听ListView滚动到底部不生效问题咨询

现有代码存在的问题 #

• 逻辑输出错误：两个滚动边界判断分支的日志均输出reach the top，无法区分顶部/底部触发事件
• 多余重绘操作：仅打印日志无需调用setState，多余调用会触发不必要的组件重绘，增加性能消耗
• 滚动事件冲突：外层ListView的两个子组件TodayRecipeListView、FriendPostListView如果内部本身包含可滚动组件（如ListView、GridView），默认会消费滚动事件，导致外层ScrollController无法获取完整滚动偏移，触发不了边界判断逻辑
• 边界判断兼容性差：旧版本通过offset对比最大/最小滚动偏移的方案，容易因为浮点精度问题出现判断误差，新版本更推荐使用官方封装好的边界属性判断

修复步骤 #

1. 修正滚动监听器逻辑，使用官方提供的atEdge属性判断滚动边界，代码如下：

_scrollListener() {
  // 判断是否到达列表底部
  if (_scrollController.position.atEdge && _scrollController.position.pixels != 0) {
    debugPrint("reach the bottom");
  }
  // 判断是否到达列表顶部
  if (_scrollController.position.atEdge && _scrollController.position.pixels == 0) {
    debugPrint("reach the top");
  }
}

2. 给内部两个可滚动子组件添加属性，禁止内部滚动并让组件自适应内容高度：
   如果TodayRecipeListView、FriendPostListView内部返回的是可滚动组件，需要给内部的滚动组件添加以下两个属性：

ListView(
  shrinkWrap: true, // 让列表高度自适应内容总高度
  physics: const NeverScrollableScrollPhysics(), // 禁止内部列表响应滚动事件，全部交给外层滚动控制器处理
  // 其余原有代码保持不变
)

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