Flutter多PageView连续滚动实现咨询：跨嵌套组件滑屏需求

可以通过两种方式实现需求，以下是具体方案：

方案一：合并页面到外层PageView（推荐） #

把Screen B的两个子Widget拆成外层PageView的独立页面，复用Screen B的顶部按钮逻辑，实现完全连贯的滑动体验：

1. 重构外层PageView的数据源，将Screen B的子Widget作为单独项加入：

final outerController = PageController();

PageView(
  controller: outerController,
  children: [
    ScreenA(),
    _ScreenBWrapper(child: Widget1(), outerController: outerController),
    _ScreenBWrapper(child: Widget2(), outerController: outerController),
    ScreenC(),
  ],
)

2. 实现_ScreenBWrapper组件，复用原有Column结构：

class _ScreenBWrapper extends StatelessWidget {
  final Widget child;
  final PageController outerController;

  const _ScreenBWrapper({
    required this.child,
    required this.outerController,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        // 保留原方向按钮，通过外层控制器切换Widget1/Widget2
        Row(
          children: [
            ElevatedButton(
              onPressed: () => outerController.previousPage(
                duration: const Duration(milliseconds: 300),
                curve: Curves.ease,
              ),
              child: const Text('上一页'),
            ),
            ElevatedButton(
              onPressed: () => outerController.nextPage(
                duration: const Duration(milliseconds: 300),
                curve: Curves.ease,
              ),
              child: const Text('下一页'),
            ),
          ],
        ),
        Expanded(child: child),
      ],
    );
  }
}

这种方式无手势冲突，逻辑清晰，滑动时会从Widget2直接过渡到Screen C，完全符合连续滚动的需求。

方案二：嵌套PageView手势联动（适合小改动场景） #

如果不想大幅重构原有结构，可以通过拦截内层PageView的滑动手势，在滑到Widget2时将事件传递给外层PageView：

1. 给Screen B传入外层PageController，并初始化内层控制器：

class ScreenB extends StatefulWidget {
  final PageController outerController;

  const ScreenB({required this.outerController, Key? key}) : super(key: key);

  @override
  State<ScreenB> createState() => _ScreenBState();
}

class _ScreenBState extends State<ScreenB> {
  final _innerController = PageController();
  bool _isAtLastInnerPage = false;

  @override
  void initState() {
    super.initState();
    // 监听内层页面变化，标记是否在最后一页
    _innerController.addListener(() {
      setState(() {
        _isAtLastInnerPage = _innerController.page?.round() == 1;
      });
    });
  }

2. 用GestureDetector包裹内层PageView，处理滑动事件：

@override
Widget build(BuildContext context) {
  return Column(
    children: [
      // 原方向按钮，控制内层PageView
      Row(
        children: [
          ElevatedButton(
            onPressed: () => _innerController.previousPage(
              duration: const Duration(milliseconds: 300),
              curve: Curves.ease,
            ),
            child: const Text('上一页'),
          ),
          ElevatedButton(
            onPressed: () => _innerController.nextPage(
              duration: const Duration(milliseconds: 300),
              curve: Curves.ease,
            ),
            child: const Text('下一页'),
          ),
        ],
      ),
      Expanded(
        child: GestureDetector(
          onHorizontalDragUpdate: (details) {
            if (_isAtLastInnerPage && details.delta.dx < 0) {
              // 在内层最后一页且向左滑动时，将事件传递给外层
              widget.outerController.position.jumpTo(
                widget.outerController.position.pixels + details.delta.dx,
              );
            } else {
              // 其他情况由内层处理滑动
              _innerController.position.jumpTo(
                _innerController.position.pixels - details.delta.dx,
              );
            }
          },
          onHorizontalDragEnd: (details) {
            if (_isAtLastInnerPage && details.primaryVelocity! < 0) {
              // 滑动结束且速度向左，切换到外层的Screen C
              widget.outerController.nextPage(
                duration: const Duration(milliseconds: 300),
                curve: Curves.ease,
              );
            }
          },
          child: PageView(
            controller: _innerController,
            physics: const NeverScrollableScrollPhysics(), // 禁用内层默认滑动
            children: const [Widget1(), Widget2()],
          ),
        ),
      ),
    ],
  );
}

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