Flutter Web环境下dots_indicator插件无法正常使用如何解决？

问题1：dots_indicator是否兼容Flutter Web？ #

dots_indicator 2.0.0及以上版本完全兼容Flutter Web，你遇到的滚动失效、指示器不更新的问题和dots_indicator插件本身无关，是PageView在Flutter Web端的默认滚动配置限制导致的。

问题2：如何让功能在Flutter Web端正常运行？ #

• 第一步：修正PageView的Web端滚动配置
  Flutter 2.5及以上版本默认禁用了Web端鼠标拖动PageView的行为，需要手动配置滚动行为放开限制，同时配置滚动物理特性保证可滑动。
• 第二步：修正代码逻辑疏漏
  你当前onPageChanged回调中给currentIndex赋值后没有调用setState，会导致状态更新不及时，部分场景下指示器不会跟随页面切换更新。

修改后的核心代码示例：

// 需先导入PointerDeviceKind所在依赖
import 'dart:ui';

// 修改后的_crearPages方法中的PageView部分
PageView(
  children: _pages,
  controller: _pageController,
  // 配置滚动物理特性，保证所有平台都可正常滑动
  physics: const AlwaysScrollableScrollPhysics(),
  // 配置滚动支持的输入设备，放开鼠标拖动限制
  scrollBehavior: MaterialScrollBehavior().copyWith(
    dragDevices: {
      PointerDeviceKind.mouse,
      PointerDeviceKind.touch,
      PointerDeviceKind.stylus
    },
  ),
  onPageChanged: (int page) {
    currentIndex = page.toDouble();
    // 新增setState触发UI刷新
    setState(() {});
  },
)

• 可选优化：你当前initState中的页面监听逻辑和onPageChanged功能重复，保留任意一个即可，避免重复赋值和刷新。

修改完成后重新编译Web端即可正常实现鼠标拖动切换页面、dots指示器跟随更新的效果。

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