如何通过Flutter的PageController获取页面总数？

由于PageController本身并没有直接提供获取页面总数的属性，你可以通过它关联的ScrollPosition来推导页面数量：

• 首先，PageController的position属性对应页面视图的滚动位置，当它是PagePosition类型时，可以通过滚动范围和视口尺寸计算总页数。
• 原理：默认PageView的每个页面占满整个视口，总滚动最大范围maxScrollExtent等于(总页数 - 1) * 视口宽度，因此总页数可以通过(maxScrollExtent / viewportDimension).floor() + 1计算得出。

具体实现代码 #

在你的mixin中添加如下方法：

int get pageCount {
  final position = controller.position;
  if (position is! PagePosition || !position.hasContentDimensions) {
    // 控制器未初始化或无有效尺寸时，返回默认值或按需处理
    return 0;
  }
  final viewportWidth = position.viewportDimension;
  final maxScroll = position.maxScrollExtent;
  if (viewportWidth <= 0) return 0;
  return (maxScroll / viewportWidth).floor() + 1;
}

注意事项 #

• 确保controller已经和PageView绑定并完成初始化，否则position可能没有有效尺寸。
• 如果你的PageView设置了pageSnapping: false或者自定义了页面尺寸，这个计算方式需要调整，但默认PageView场景下完全适用。

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