houziruinb87
commented
3 years ago 作者的这个库不支持这种方式,还有一个比较常用的flutter的刷新库flutter_easyrefresh.和作者的实现思路一样,都是用customScrollView包裹住咱们的布局,然后在头部insert一个header,底部add一个footer. 所以这两个刷新库,天然就不支持包裹NestScrollView. 如果想实现你的这个业务,有两个思路: 1.还使用这些第三方的刷新库,你自己的布局用CustomScrollView,然后自己定义ScrollPositon和ScrollController.这种方式稍微复杂一些,可以参考一下美团外卖的那个demo. 我使用的是flutter_easyrefresh这个库,在模拟NestedScrollView实现了自定义的scrollPositon后,实现了和NestedScrollView相似的滑动模式.但是嵌套入下拉刷新库内会出现一些滑动bug,目前还没找到好的解决方案.
2.自己做一个刷新控件,可以包裹NestScrollView,通过外层包裹ScrollNotification然后监听滑动在顶部还是底部.目前正在看这些刷新库的源码实现. @peng8350 作者看一下我说的对不对
yingzhong27
ghost
evanwsu
结构是SmartRefresher--NestedScrollView->SliverAppBar+TabBarView->GridView。 页面显示没有问题，但是滑动的时候无法显示下拉刷新 把刷新放到GridView上可以解决，但是因为SliverAppBar上的部分内容也是跟随刷新的，所以这个下拉刷新还是希望能放到外面来。不知道是我的用法不对还是怎样？代码如下：
import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:pull_to_refresh/pull_to_refresh.dart';
class NestedPageRoute extends StatefulWidget { @override State createState() {
return _NestedPageState();
}
}
class _NestedPageState extends State
with SingleTickerProviderStateMixin {
RefreshController _refreshController = RefreshController(initialRefresh: true);
ScrollController _scrollviewController = ScrollController();
TabController? _tabController;
@override void initState() { // TODO: implement initState super.initState(); _tabController = TabController(length: 4, vsync: this); }
Widget _buildFooter() { return CustomFooter(builder: (BuildContext context, LoadStatus? mode) { Widget body; if (mode == LoadStatus.idle) { body = Text("上拉加载"); } else if (mode == LoadStatus.loading) { body = CupertinoActivityIndicator(); } else if (mode == LoadStatus.failed) { body = Text("加载失败！点击重试！"); } else if (mode == LoadStatus.canLoading) { body = Text("松手,加载更多!"); } else { body = Text("没有更多数据了!"); } return Container( height: 55.0, child: Center(child: body), ); }); }
@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Title"),), body: SmartRefresher( controller: _refreshController, scrollController: _scrollviewController, enablePullDown: true, enablePullUp: true, header: WaterDropHeader( refresh: CupertinoActivityIndicator(), ), footer: _buildFooter(), onRefresh: _onRefresh, onLoading: _onLoading, child: NestedScrollView( controller: _scrollviewController, headerSliverBuilder: (context, boxIsScrolled) { return [ SliverAppBar( pinned: true, floating: true, elevation: 0.5, forceElevated: true, //backgroundColor: Colors.grey, expandedHeight: 240, flexibleSpace: FlexibleSpaceBar( collapseMode: CollapseMode.pin, //视差效果 background: Container( //color: Colors.grey, child: Column( children:[
Container(
height: 190,
color: Colors.blue,
)
],
),
),
),
bottom: TabBar(controller: _tabController, tabs: [
Tab(
text: "首页",
),
Tab(
text: "消息",
),
Tab(
text: "购物",
),
Tab(
text: "我的",
)
]),
),
];
},
body: TabBarView(controller: _tabController, children: [
ListView.builder(itemBuilder: (context, index) {
return Center(
child: Text(index.toString()),
);
}, itemCount: 50,shrinkWrap: true, physics: NeverScrollableScrollPhysics(),),
Center(
child: Text("two"),
),
Center(
child: Text("three"),
),
Center(
child: Text("four"),
),
])),
)
);
}
void _onRefresh() async { await Future.delayed(Duration(seconds: 2)); _refreshController.refreshCompleted(); setState(() {}); }
void _onLoading() async { await Future.delayed(Duration(seconds: 2)); _refreshController.loadComplete(); setState(() {}); }
}