如何在Flutter的PageView页面滑动时执行操作？

当然可以，下面给你三种实用的实现方式，根据你的需求选择即可：

方法1：页面切换完成时触发操作（最简单） #

用PageView自带的onPageChanged回调，每次页面切换完成后会触发，适合只需要在页面切换后执行逻辑的场景。

final _controller = PageController(initialPage: 0);

body: PageView(
  controller: _controller,
  onPageChanged: (int page) {
    // 这里写你要执行的操作
    if (page == 0) {
      print('切换到日统计页面');
    } else {
      print('切换到总统计页面');
    }
  },
  children: const [
    Statistic(type: StatType.day),
    Statistic(type: StatType.total),
  ],
),

方法2：实时响应滑动过程 #

如果需要在滑动过程中（比如滑到一半时）执行操作，给PageController添加监听器，能实时获取滚动状态和位置。

late final PageController _controller;

@override
void initState() {
  super.initState();
  _controller = PageController(initialPage: 0);
  // 添加滚动监听
  _controller.addListener(() {
    // 获取当前页面的实时位置（0到1之间，比如0.3表示在第0页和第1页之间）
    double currentPosition = _controller.page ?? 0;
    
    if (_controller.position.isScrollingNotifier.value) {
      // 正在滑动时的操作
      print('滑动中，当前页面位置：$currentPosition');
    } else {
      // 滑动结束后的操作
      int currentPage = currentPosition.round();
      print('滑动结束，当前页面：$currentPage');
    }
  });
}

@override
void dispose() {
  _controller.dispose(); // 记得销毁控制器，避免内存泄漏
  super.dispose();
}

// PageView部分不变
body: PageView(
  controller: _controller,
  children: const [
    Statistic(type: StatType.day),
    Statistic(type: StatType.total),
  ],
),

方法3：精细控制滚动事件 #

用NotificationListener可以监听滚动的全生命周期事件，比如开始滚动、滚动中、结束滚动等，适合需要更细致控制的场景。

final _controller = PageController(initialPage: 0);

body: NotificationListener<ScrollNotification>(
  onNotification: (notification) {
    if (notification is ScrollStartNotification) {
      print('滚动开始');
    } else if (notification is ScrollUpdateNotification) {
      double pagePosition = _controller.page ?? 0;
      print('滚动中，页面位置：$pagePosition');
    } else if (notification is ScrollEndNotification) {
      int currentPage = _controller.page?.round() ?? 0;
      print('滚动结束，当前页面：$currentPage');
    }
    return false; // 返回false允许事件继续传递，true则拦截
  },
  child: PageView(
    controller: _controller,
    children: const [
      Statistic(type: StatType.day),
      Statistic(type: StatType.total),
    ],
  ),
),

场景建议 #

• 只需要页面切换后执行操作：优先用方法1，代码最简洁
• 需要实时响应滑动过程：用方法2
• 需要监听滚动的开始/结束等精细事件：用方法3

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