liquid_pull_refresh

Description:

liquid pull refresh

Liquid Pull Refresh #
A beautiful and custom refresh indicator with image in loader or widget.









Installing #
1. Depend on it #
Add this to your package's pubspec.yaml file:
dependencies:
liquid_pull_refresh: <latest-version>
copied to clipboard
2. Install it #
You can install packages from the command line:
with pub:
$ pub get
copied to clipboard
with Flutter:
$ flutter packages get
copied to clipboard
3. Import it #
Now in your Dart code, you can use:
import 'package:liquid_pull_refresh/liquid_pull_refresh.dart';
copied to clipboard
Usage #
For adding this custom refresh indicator in your flutter app, you have to simply wrap ListView or GridView inside LiquidPullRefresh. Also you have provide the value of onRefresh parameter which is a refresh callback.
Note - LiquidPullRefresh can only be used with a vertical scroll view.
For example:
LiquidPullRefresh(
backgroundColor: widget.loaderColor,
// animSpeedFactor: 2.0,
color: widget.backgroundColor,
heightLoader: 150,
// showDroplet: true,
loaderWidget: widget.loaderWidget,
springAnimationDurationInMilliseconds: 400,
showChildOpacityTransition: false,
key: widget.refreshIndicatorLiquidKey, // key if you want to add
onRefresh: widget.onRefresh, // refresh callback
child: widget.childAdapter, // scroll view
);
copied to clipboard
If you do not want the opacity transition of child then set showChildOpacityTransition: false. Preview regarding the both form of this widget is follows :-




showChildOpacityTransition: true
showChildOpacityTransition: false










Documentation #
LiquidPullToRefresh Class #



Dart attribute
Datatype
Description
Default Value




child
ScrollView
The widget below this widget in the tree.
@required


onRefresh
RefreshCallback
A function that's called when the refreshing of page takes place.
@required


height
double
The distance from the child's top or bottom edge to where the box will settle after the spring effect.
100.0


springAnimationDurationInMilliseconds
int
Duration in milliseconds of springy effect that occurs when we leave dragging after full drag.
1000


borderWidth
double
Border width of progressing circle in Progressing Indicator.
2.0


showChildOpacityTransition
bool
Whether to show child opacity transition or not.
true


color
Color
The progress indicator's foreground color.
ColorScheme.secondary


backgroundColor
Color
The progress indicator's background color.
ThemeData.canvasColor


animSpeedFactor
double
Controls the speed of the animation after refresh. Used to fasten the ending animation.
1.0


heightLoader
double
Height loader.
100.0


showDroplet
bool
Show drop like water, default true
true


loaderWidget
Widget
Show add widget inside loader for image or other widget.
Container()


bottomShadow
bool
Show shadow in bottom liquid.
false


bottomShadowColor
Color
Change color for shadow bottom when true.
grey.withOpacity(0.2)



For help on editing package code, view the flutter documentation.
License #
Liquid-Pull-To-Refresh is licensed under MIT license. View license.