Flutter下拉刷新Widget

FlutterPullToRefreshView

Flutter版的下拉刷新控件，且支持向上滑動至底部自動加載更多

Screenshot

Core code

控件核心代碼2個dart文件：
一、widget/pull_to_refresh.dart
二、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<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.dart

Exist Problem

一、下拉刷新交互效果在iOS上體驗較差，在Android上體驗還不錯，後續想辦法優化在iOS上的體驗

二、底部加載更多item的樣式不支持修改定製，後續更新不只將支持修改定製，並且支持使用自定義widget

About me

微博：@蕭霧宇

License

MIT License，詳細內容請查看LICENSE文件

GitHub

github.com/xiepeijie/F…