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.

Support the package(optional)

If you find this package useful.
You can support it by giving it a thumbs up or buy me a coffee.
Thank you !