Liquid Pull To Refresh

一个精美且自定义的 Flutter 刷新指示器,高度模仿了 Ramotion 的下拉刷新。

安装

1. 依赖它

将此添加到您的包的 pubspec.yaml 文件中

dependencies:
  liquid_pull_to_refresh: ^1.1.0

2. 安装它

您可以从命令行安装包

使用 pub

$ pub get

使用 Flutter

$ flutter packages get

3. 导入它

现在,在您的 Dart 代码中,您可以使用

import 'package:liquid_pull_to_refresh/liquid_pull_to_refresh.dart';

用法

要将此自定义刷新指示器添加到您的 Flutter 应用中,您只需将 ListViewGridView 包装在 LiquidPullToRefresh 中即可。此外,您还需要提供 onRefresh 参数的值,它是一个刷新回调函数。

注意 - LiquidPullToRefresh 只能与垂直滚动视图一起使用。

例如

LiquidPullToRefresh(
        key: _refreshIndicatorKey,	// key if you want to add
        onRefresh: _handleRefresh,	// refresh callback
        child: ListView(),		// scroll view
      );

如果您不希望子项具有透明度过渡,请将 showChildOpacityTransition: false 设置为 true。此小部件的两种形式的预览如下:

showChildOpacityTransition: true showChildOpacityTransition: false

文档

LiquidPullToRefresh 类

Dart 属性 数据类型 描述 默认值
child ScrollView 树中的此小部件下方的小部件。 @required
onRefresh RefreshCallback 在页面刷新时调用的函数。 @required
高度 双精度 从子项的顶部或底部边缘到弹簧效果后框将停留的位置的距离。 100.0
springAnimationDurationInMilliseconds 整数 在完全拖动后释放拖动时发生的弹簧效应的持续时间(以毫秒为单位)。 1000
borderWidth 双精度 进度指示器中进度圆的边框宽度。 2.0
showChildOpacityTransition 布尔值 是否显示子项的透明度过渡。
color 颜色 进度指示器的前景色。 ThemeData.accentColor
backgroundColor 颜色 进度指示器的背景色。 ThemeData.canvasColor
notificationPredicate ScrollNotificationPredicate 一个检查,用于指定是否应由此小部件处理 ScrollNotification
scrollController ScrollController 控制 ScrollView 子项。

有关编辑包代码的帮助,请参阅 Flutter 文档

错误或请求

如果您遇到任何问题,请随时在 GitHub 上提交 bug 报告。如果您觉得该库缺少某个功能,请在 GitHub 上提交 功能请求,我会进行处理。也欢迎提交拉取请求。

GitHub

https://github.com/aagarwal1012/Liquid-Pull-To-Refresh