KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

flare_loading

★ 25 Open GitHub ↗

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

// 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

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README