Flutter 库：强大的下拉刷新上拉加载框架——EasyRefresh

EasyRefresh 是一个强大的下拉刷新和上拉加载更多的 Flutter 库。以下是如何使用 EasyRefresh 创建一个简单的下拉刷新列表的示例代码：

首先，在 pubspec.yaml 文件中添加依赖：

dependencies:
  easy_refresh: ^2.0.1

然后，在你的 Dart 文件中，引入 EasyRefresh 包，并使用它创建一个下拉刷新列表：

import 'package:flutter/material.dart';
import 'package:easy_refresh/easy_refresh.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}
 
class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
 
class _MyHomePageState extends State<MyHomePage> {
  List<String> items = List.generate(20, (i) => 'Item ${i + 1}');
  EasyRefreshController _controller = EasyRefreshController();
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('EasyRefresh Example'),
      ),
      body: EasyRefresh(
        controller: _controller,
        onRefresh: () async {
          await Future.delayed(Duration(seconds: 2));
          items.clear();
          items.addAll(List.generate(20, (i) => 'Item ${i + 1}'));
          _controller.refreshCompleted();
        },
        onLoad: () async {
          await Future.delayed(Duration(seconds: 2));
          items.addAll(List.generate(20, (i) => 'Item ${i + 1 + items.length}'));
          _controller.loadMoreCompleted();
        },
        child: ListView.builder(
          itemCount: items.length,
          itemBuilder: (context, index) {
            return Card(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Text(items[index]),
              ),
            );
          },
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个 EasyRefresh 控件，并通过 onRefresh 和 onLoad 回调函数实现了下拉刷新和上拉加载更多的功能。当用户下拉时，onRefresh 方法会被调用，并更新列表的内容。当用户上拉时，onLoad 方法会被调用，并将更多的内容追加到列表中。这个例子也展示了如何使用 EasyRefreshController 控制刷新动作，例如完成刷新或加载操作。