flutter 下拉刷新插件flutter_easyrefresh

川长思鸟来 2023-02-19 13:28 19阅读 0赞

## 效果图如下 [插件地址][Link 1] ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70]

**1 . 配置文件 pubspec.yaml**

dependencies:
      flutter:
        sdk: flutter
      flutter_localizations:
        sdk: flutter
       ...
      flutter_easyrefresh: ^2.1.

\*\*2 . 配置文件main.dart \*\*

...
    import 'package:flutter_easyrefresh/easy_refresh.dart';
    import 'package:flutter_localizations/flutter_localizations.dart';
    
    class MyApp extends StatelessWidget { 
      @override
      Widget build(BuildContext context) { 
        return MaterialApp(
    	localizationsDelegates: [
    	  GlobalEasyRefreshLocalizations.delegate,
    	  GlobalCupertinoLocalizations.delegate,
    	  GlobalMaterialLocalizations.delegate,
    	  GlobalWidgetsLocalizations.delegate
    	],
    	//国际化
    	supportedLocales: [
    	  Locale('zh', 'CN'),
    	],
       )

**4. 组件页面页面上使用：**

EasyRefresh(
     header: PhoenixHeader(),   //头部刷新
     footer: TaurusFooter(),    //底部刷新
     onRefresh: () async{ 
       //下拉请求新数据
     },
     onLoad: () async { 
       //下拉增加新数据
     },
     //需要上下拉刷新的组件 这里是CustomScrollView
     child: CustomScrollView(...)
    )

[各种刷新样式可以点这里：  
https://pub.flutter-io.cn/packages/flutter\_easyrefresh\#-readme-tab-][https_pub.flutter-io.cn_packages_flutter_easyrefresh_-readme-tab-]

## 如： ##

![在这里插入图片描述][20200620223644856.png]  
![在这里插入图片描述][20200620223706526.png]  
![在这里插入图片描述][20200620223719229.png]  
![在这里插入图片描述][20200620223734889.png]  
![在这里插入图片描述][20200620223807322.png]

[Link 1]: https://pub.flutter-io.cn/packages/flutter_easyrefresh
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020062315175583.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4,size_16,color_FFFFFF,t_70
[https_pub.flutter-io.cn_packages_flutter_easyrefresh_-readme-tab-]: https://pub.flutter-io.cn/packages/flutter_easyrefresh#-readme-tab-
[20200620223644856.png]: https://img-blog.csdnimg.cn/20200620223644856.png
[20200620223706526.png]: https://img-blog.csdnimg.cn/20200620223706526.png
[20200620223719229.png]: https://img-blog.csdnimg.cn/20200620223719229.png
[20200620223734889.png]: https://img-blog.csdnimg.cn/20200620223734889.png
[20200620223807322.png]: https://img-blog.csdnimg.cn/20200620223807322.png