我在 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 一下这份 链接 的代码
1
yimity 2020-03-25 10:47:56 +08:00 1
|