Flutter下拉刷新Widget

原文链接: https://juejin.im/post/5ce0d0c3f265da1b827a6c63

FlutterPullToRefreshView

Flutter版的下拉刷新控件,且支持向上滑动至底部自动加载更多

Screenshot

Core code

控件核心代码2个dart文件:
1、widget/pull_to_refresh.dart
2、widget/load_more_list_view.dart

Usage

控件基本用法的关键代码如下:

  @override
  Widget build(BuildContext context) {
    print('_PullToRefreshDemoState.build');
    return PullToRefreshView(
        key: _keyPullToRefresh,
        child: _buildWidget(),
        onRefresh: _onRefresh,
        onLoadMore: _onLoadMore,
    );
  }

  Widget _buildWidget() {
    return LoadMoreListView(_list,
        (index, itemData) {
          //print("item = $index");
          return new Card(
            color: colors[index % colors.length],
            child: ListTile(title: Text(itemData, style: _bigFont))
          );
        },
        key: _keyLoadMore);
  }
复制代码

详细使用示例请阅读main.dart

Exist Problem

1、下拉刷新交互效果在iOS上体验较差,在Android上体验还不错,后续想办法优化在iOS上的体验

2、底部加载更多item的样式不支持修改定制,后续更新不仅将支持修改定制,而且支持使用自定义widget

About me

微博:@萧雾宇

License

MIT License,详细内容请查看LICENSE文件

GitHub

github.com/xiepeijie/F…

你可能感兴趣的:(Flutter下拉刷新Widget)