Flutter版的下拉刷新控件,且支持向上滑动至底部自动加载更多git
控件核心代码2个dart文件:
一、widget/pull_to_refresh.dart
二、widget/load_more_list_view.dartgithub
控件基本用法的关键代码以下:bash
@override
Widget build(BuildContext context) {
print('_PullToRefreshDemoState.build');
return PullToRefreshView(
key: _keyPullToRefresh,
child: _buildWidget(),
onRefresh: _onRefresh,
onLoadMore: _onLoadMore,
);
}
Widget _buildWidget() {
return LoadMoreListView<String>(_list,
(index, itemData) {
//print("item = $index");
return new Card(
color: colors[index % colors.length],
child: ListTile(title: Text(itemData, style: _bigFont))
);
},
key: _keyLoadMore);
}
复制代码
详细使用示例请阅读main.dartide
一、下拉刷新交互效果在iOS上体验较差,在Android上体验还不错,后续想办法优化在iOS上的体验优化
二、底部加载更多item的样式不支持修改定制,后续更新不只将支持修改定制,并且支持使用自定义widgetui
微博:@萧雾宇spa
MIT License,详细内容请查看LICENSE文件code