请教一个 flutter 里 NestedScrollView body 嵌套滚动的问题

[yangyifan]

我在 NestedScrollView 的 body 里放了一个 PageView，在 PageView 里的层级如下 :

PageView -> SingleChildScrollView -> ListView

PS : SingleChildScrollView 的作用是用来监听滚动事件从而实现 下拉刷新 /上拉加载 更多。

这样导致了 body 里的滚动和 NestedScrollView 的 headerSliverBuilder 滚动是分开的。 在网上寻找了很久找到一个相似 问题，但是不是很完美，想问下大家是怎么解决的。 他的解决方案是在子组件里控制父级组件的滚动，代码如下：

    _scrollController = ScrollController();


    _scrollController.addListener((){
      var innerPos      = _scrollController.position.pixels;
      var maxOuterPos   = widget.parentController.position.maxScrollExtent;
      var currentOutPos = widget.parentController.position.pixels;

      if(innerPos >= 0 && currentOutPos < maxOuterPos) {
        widget.parentController.position.jumpTo(innerPos+currentOutPos);

      }else{
        var currenParentPos = innerPos + currentOutPos;
        widget.parentController.position.jumpTo(currenParentPos);
      }
    });
    
    widget.parentController.addListener((){
      var currentOutPos = widget.parentController.position.pixels;
      if(currentOutPos <= 0) {
        _scrollController.position.jumpTo(0);
      }
    });

这个解决方案的问题正如回答里所说的 “会导致头部滚动折叠的很快”。

如果想要模拟，可以尝试 run 一下这份 链接 的代码

[yimity]

https://github.com/fluttercandies/extended_nested_scroll_view
不知道这个是否和你的问题相似。

[yangyifan]

@yimity 是的。

Do without ScrollController in NestedScrollView's body
因为无法给 NestedScrollView 的 body 中的列表设置 ScrollController(这样会破坏 NestedScrollView 内部的 InnerScrollController 的行为)，所以我这里给大家提供了 Demos 来展示怎么不通过 ScrollController 来完成