|
1 |
| -# show_up_animation |
| 1 | +# show_up_animation [](https://travis-ci.com/ashutoshsingh05/show_up_animation) |
2 | 2 |
|
3 |
| -A new Flutter package project. |
| 3 | +A flutter package to simplify implementation of "show up" animation in flutter |
4 | 4 |
|
5 | 5 | ## Getting Started
|
6 | 6 |
|
7 |
| -This project is a starting point for a Dart |
8 |
| -[package](https://flutter.dev/developing-packages/), |
9 |
| -a library module containing code that can be shared easily across |
10 |
| -multiple Flutter or Dart projects. |
| 7 | +Install dependencies |
11 | 8 |
|
12 |
| -For help getting started with Flutter, view our |
13 |
| -[online documentation](https://flutter.dev/docs), which offers tutorials, |
14 |
| -samples, guidance on mobile development, and a full API reference. |
| 9 | +```yaml |
| 10 | +dependencies: |
| 11 | + show_up_animation: ^0.0.1 |
| 12 | +``` |
| 13 | +
|
| 14 | +Then import wherever you want to implement the animation |
| 15 | +
|
| 16 | +```dart |
| 17 | +import 'package:show_up_animation/show_up_animation.dart'; |
| 18 | +``` |
| 19 | + |
| 20 | +Wrap any widget you want to animate inside `ShowUpAnimation` widget and provide a `Duration()` to `delayStart` field to control after how much delay the animation fires. |
| 21 | + |
| 22 | +## Properties |
| 23 | + |
| 24 | +You can customize how to do you want to animate your `child` using the parameters described below. |
| 25 | + |
| 26 | +| Property | Function | |
| 27 | +| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | |
| 28 | +| child | The widget on which to apply the given `ShowUpAnimation` | |
| 29 | +| offset | The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2 | |
| 30 | +| curve | The curve used to animate the [child] into view. Defaults to [Curves.easeIn] | |
| 31 | +| direction | horizontal or vertical | |
| 32 | +| delayStart | The delay with which to animate the [child]. Takes in a [Duration] and defaults to 0 seconds | |
| 33 | +| animationDuration | The total duration in which the animation completes. Defaults to 800 milliseconds | |
| 34 | + |
| 35 | +## Examples |
| 36 | + |
| 37 | + |
0 commit comments