Flutter中Timer.periodic实现PageView自动滚动，最后一页仍滚动问题求助

Hey there! Let's break down why your Timer isn't canceling when you reach the last PageView page, and fix it step by step.

The Root Cause #

Your isLastPage variable is calculated only once when initState() runs. Even after you scroll through pages and _currentPage updates, isLastPage never gets rechecked. So your timer keeps running because it's still using that initial, outdated value.

Solution 1: Recheck isLastPage in Timer Callback #

Move the isLastPage check inside the Timer's periodic callback so it re-evaluates every time the timer fires:

@override
void initState() {
  super.initState();
  
  Timer.periodic(const Duration(seconds: 5), (Timer timer) {
    // Calculate if we're on the last page EVERY time the timer triggers
    bool isLastPage = (_currentPage.round() == sliderArrayList.length - 1);
    
    if (_pageController.hasClients && !isLastPage) {
      _pageController.nextPage(
        duration: const Duration(milliseconds: 200),
        curve: Curves.easeIn,
      );
    } else if (isLastPage) {
      timer.cancel();
    }
  });
}

Solution 2: Add PageController Listener for Precise Tracking #

For more accurate page tracking (especially if users might manually scroll), add a listener to your _pageController to update _currentPage in real-time:

Timer? _autoScrollTimer; // Store timer reference to cancel later

@override
void initState() {
  super.initState();
  
  // Update _currentPage whenever the PageView scrolls
  _pageController.addListener(() {
    setState(() {
      _currentPage = _pageController.page!;
    });
  });
  
  _autoScrollTimer = Timer.periodic(const Duration(seconds: 5), (Timer timer) {
    bool isLastPage = (_currentPage.round() == sliderArrayList.length - 1);
    
    if (_pageController.hasClients && !isLastPage) {
      _pageController.nextPage(
        duration: const Duration(milliseconds: 200),
        curve: Curves.easeIn,
      );
    } else if (isLastPage) {
      timer.cancel();
    }
  });
}

// Don't forget to clean up to avoid memory leaks!
@override
void dispose() {
  _autoScrollTimer?.cancel();
  _pageController.dispose();
  super.dispose();
}

Why This Works #

By calculating isLastPage inside the timer callback, you're always checking the current page state instead of relying on a value that was set once at initialization. Adding the PageController listener ensures _currentPage stays in sync with the actual visible page, even if the user scrolls manually.

内容的提问来源于stack exchange，提问作者Davii The King