如何将DotsIndicator与PageView关联？页面切换指示器不更新问题排查

你的代码核心问题是DotsIndicator没有和PageView的控制器或页面索引绑定，导致它无法感知页面切换的状态。需要补充关键配置来实现联动：

修复步骤 #

1. 给DotsIndicator添加controller参数，直接绑定你的_controller（这是最直接的方式，多数DotsIndicator库支持通过PageController自动同步页面状态）
2. 若使用的DotsIndicator版本不支持直接绑定控制器，可额外维护一个currentPageIndex变量，在onPageChanged回调中更新索引，再传递给DotsIndicator的currentIndex参数

修改后的完整代码 #

class _ScreenState extends State<Screen> {
  // PageView与指示器共用的控制器
  final PageController _controller = PageController();
  bool onLastPage = false;
  // 若需手动维护索引，可添加此变量（可选，优先用controller绑定方式）
  // int _currentPageIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          PageView(
            controller: _controller,
            onPageChanged: (index) {
              setState(() {
                onLastPage = (index == 2);
                // 若使用手动索引同步，打开下面这行
                // _currentPageIndex = index;
              });
            },
            children: const [
              IntroPage1(),
              IntroPage2(),
              IntroPage3(),
            ],
          ),

          // 页面指示器
          Padding(
            padding: const EdgeInsets.only(top: 672, left: 95, right: 16),
            child: DotsIndicator(
              dotsCount: 3,
              reversed: false,
              mainAxisAlignment: MainAxisAlignment.center,
              // 关键配置：绑定PageController，自动同步页面状态
              controller: _controller,
              // 若不支持controller参数，改用手动索引
              // currentIndex: _currentPageIndex,
              decorator: DotsDecorator(
                spacing: const EdgeInsets.only(left: 24),
                size: const Size(35.0, 16.0),
                color: Colors.white,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(100)
                ),
                activeSize: const Size(65.0, 16.0),
                activeColor: const Color.fromARGB(255, 255, 179, 71),
                activeShape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(100)
                )
              ),
            ),
          ),
        ],
      ),
    );
  }
}

额外说明 #

• 确保使用的dots_indicator库为最新版本，旧版本可能不支持controller参数，建议升级依赖
• 若采用手动索引同步方式，必须在setState中更新_currentPageIndex，触发指示器的UI重绘

内容的提问来源于stack exchange，提问作者Назар Марцинко