请教一个 flutter 里 NestedScrollView body 嵌套滚动的问题
yangyifan · 2020-03-24 22:14:05 +08:00 · 3429 次点击这是一个创建于 1734 天前的主题，其中的信息可能已经有所发展或是发生改变。
我在 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
|
Select Language