Flutter中如何不重建组件修改PageView的scroll physics属性

这个需求完全可实现，无需重建PageView组件即可动态切换滚动逻辑。你遇到的图片重载空白问题，本质是错误的写法触发了PageView子节点销毁重建，不是切换physics属性本身导致的。

PageView作为StatefulWidget，原生支持physics属性的动态更新，只要不通过条件判断渲染两个不同的PageView实例，单纯更新physics参数只会触发组件的didUpdateWidget更新流程，不会卸载已加载的子节点，也就不会出现图片重载空白。

• 在页面State中定义状态变量持有physics实例，初始值设为PageScrollPhysics()
• 对应缩放操作的回调里，通过setState更新physics变量：双指缩放开始时切换为NeverScrollableScrollPhysics()禁用翻页滚动，避免手势冲突；缩放结束后切回PageScrollPhysics()恢复翻页能力
• 给图片组件加上无间隙播放配置，进一步避免极端场景下的闪烁问题

参考实现代码：

class _ImagePreviewState extends State<ImagePreviewPage> {
  // 初始状态支持横向翻页
  ScrollPhysics _pageScrollPhysics = const PageScrollPhysics();

  @override
  Widget build(BuildContext context) {
    return PageView.builder(
      physics: _pageScrollPhysics,
      itemCount: imageUrls.length,
      itemBuilder: (context, index) {
        return InteractiveViewer(
          // 双指缩放开始时禁用PageView滚动
          onInteractionStart: (_) {
            setState(() {
              _pageScrollPhysics = const NeverScrollableScrollPhysics();
            });
          },
          // 缩放结束恢复PageView滚动
          onInteractionEnd: (_) {
            setState(() {
              _pageScrollPhysics = const PageScrollPhysics();
            });
          },
          child: Image.network(
            imageUrls[index],
            // 开启无间隙播放，重绘时保留上一帧避免空白
            gaplessPlayback: true,
          ),
        );
      },
    );
  }
}

• 不要给PageView的item根节点设置随机ValueKey/ObjectKey，否则状态更新时会因为key匹配失败强制销毁重建子节点
• 如果你使用三方图片加载库，记得开启内存缓存，进一步降低重复加载的概率
• 不要在build方法内通过if/else判断返回两个配置不同的PageView组件，这种写法会直接触发组件重建

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