flutter 下拉刷新插件flutter_easyrefresh

最新推荐文章于 2024-09-15 07:22:24 发布

舜岳

最新推荐文章于 2024-09-15 07:22:24 发布

阅读量1w

点赞数

分类专栏： Flutter 文章标签： flutter refresh

本文链接：https://blog.csdn.net/qq_41614928/article/details/106878679

版权

Flutter 专栏收录该内容

35 篇文章 3 订阅

订阅专栏

效果图如下插件地址

在这里插入图片描述

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(...)
)