rive_pull_to_refresh
Intro
- A custom refresh indicator with Rive, Image, GIF...
- Integrate rive quickly
- Provides callbacks for the pull-to-refresh action:
value when the client pulls down or pulls up.
stop scrolling
close header... - Customize
floating, header mode.
percent resize to activate refresh.
Duration, Cuver...
planet-header |
planet-floating |
planet-bottom |
|---|---|---|
 |
 |
 |
liquid |
bow |
space |
|---|---|---|
 |
 |
 |
lipid |
liquid_v1 |
|---|---|
 |
 |
Wanrning
- You must know a little bit of rive. If not you can use the existing rive files in the example(can't edit color from Flutter).
Flutter
1. Depend on it
Add this to your package's pubspec.yaml file:
rive_pull_to_refresh: ^1.0.4+6
2. Install it
You can install packages from the command line:
with dart:
dart pub get
with Flutter:
flutter pub get
3. Import it
import 'package:rive_pull_to_refresh/rive_pull_to_refresh.dart';
4. Physics
BouncingScrollPhysics(physics default of ios) makes the package work not correctly so please set the physics of Scrolling widgets
ListView.builder(
physics: const ClampingScrollPhysics(
parent: AlwaysScrollableScrollPhysics()),
...
Rive
Check editor Rive to know State Machine and Inputs here
Example use rive file from:
JcToon : community
Drawsgood : community
RiveExamples : community
Thank all.
