flare_loading

KO | EN

gitlite — search

#javascript #python #react #typescript #golang #go #android #machine-learning #deep-learning #linux #nodejs #cli #kubernetes #openai

(★ 25)

Loading widget based on a Flare animation, allow you to create beautiful custom loading widgets or dialogs

flare_loading Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# flare_loading

[![pub package](https://img.shields.io/pub/v/flare_loading.svg)](https://pub.dartlang.org/packages/flare_loading)

Loading widget based on a Flare animation, allow you to create custom loading widgets or dialogs

If you're using Rive instead of Flare please use [rive_loading](https://pub.dartlang.org/packages/rive_loading)

## Usage

```dart
FlareLoading(
  name: 'animation.flr', 
  startAnimation: 'intro',
  loopAnimation: 'circle',
  endAnimation: 'end',
);
```

`name`: path and name of the flare animation

`until`: callback that return a future to process your initialization

`isLoading`: alternative to `until` if you want to manage loading state with a boolean

`loopAnimation`: animation name to run in loop

`endAnimation`: animation name to run once `until` is complete or `isLoading` false

`startAnimation`: animation name to run once as start

`height`: force the height of the flare animation, by default it take the all place available

`width`: force the width of the flare animation, by default it take the all place available

`alignment`: alignment of the flare animation, center by default

`onSuccess` callback called when the animation is finished and `isLoading` is false or `until` is complete

`onError` callback called `until` has failed

## Available mode

### Only one animation 
Basically you have one animation to show and then just need to stay at last frame. In order to do that only specify the `startAnimation`

### Start and loop animation 
Your animation have an intro and a loop state, in order to do that only specify the `startAnimation` and `loopAnimation`

### End and loop animation 
Your animation have a finish and a loop state, in order to do that only specify the `endAnimation` and `loopAnimation`

### Start and end animation 
Your animation have an intro and a finish that should stay on the last frame, in order to do that only `startAnimation` and `endAnimation`

### Start, end and loop animation 
Your animation have an intro, a finish and a loop state, in order to do that specify the `startAnimation`, `endAnimation` and `loopAnimation`

flare_loading

flare_loading Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

flare_loading

flare_loading Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README