Flutter下拉刷新Widget

FlutterPullToRefreshView

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

Screenshot

Core code

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

Usage

控件基本用法的关键代码以下: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

Exist Problem

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

二、底部加载更多item的样式不支持修改定制,后续更新不只将支持修改定制,并且支持使用自定义widgetui

About me

微博:@萧雾宇spa

License

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

GitHub

github.com/xiepeijie/F…orm

相关文章
相关标签/搜索