-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ee3eb06
commit cc8b9d2
Showing
3 changed files
with
42 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,14 +1,37 @@ | ||
# show_up_animation | ||
# show_up_animation [![Build Status](https://travis-ci.com/ashutoshsingh05/show_up_animation.svg?branch=master)](https://travis-ci.com/ashutoshsingh05/show_up_animation) | ||
|
||
A new Flutter package project. | ||
A flutter package to simplify implementation of "show up" animation in flutter | ||
|
||
## Getting Started | ||
|
||
This project is a starting point for a Dart | ||
[package](https://flutter.dev/developing-packages/), | ||
a library module containing code that can be shared easily across | ||
multiple Flutter or Dart projects. | ||
Install dependencies | ||
|
||
For help getting started with Flutter, view our | ||
[online documentation](https://flutter.dev/docs), which offers tutorials, | ||
samples, guidance on mobile development, and a full API reference. | ||
```yaml | ||
dependencies: | ||
show_up_animation: ^0.0.1 | ||
``` | ||
Then import wherever you want to implement the animation | ||
```dart | ||
import 'package:show_up_animation/show_up_animation.dart'; | ||
``` | ||
|
||
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. | ||
|
||
## Properties | ||
|
||
You can customize how to do you want to animate your `child` using the parameters described below. | ||
|
||
| Property | Function | | ||
| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | | ||
| child | The widget on which to apply the given `ShowUpAnimation` | | ||
| offset | The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2 | | ||
| curve | The curve used to animate the [child] into view. Defaults to [Curves.easeIn] | | ||
| direction | horizontal or vertical | | ||
| delayStart | The delay with which to animate the [child]. Takes in a [Duration] and defaults to 0 seconds | | ||
| animationDuration | The total duration in which the animation completes. Defaults to 800 milliseconds | | ||
|
||
## Examples | ||
|
||
![videotogif_2020 04 21_19 44 01](https://user-images.githubusercontent.com/42690541/79876554-d2d4fd00-8408-11ea-9b8e-550954f618f3.gif) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters