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 应用中,您只需将 ListView 或 GridView 包装在 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 上提交 功能请求,我会进行处理。也欢迎提交拉取请求。

