flutter pub add show_up_animation根據套件公開資料產生的選型評估，僅供參考。
一個Flutter套件，旨在簡化「出現」動畫的建立，讓組件能以可自訂的時間與效果順暢地顯示於螢幕上。它提供乾淨直覺的API，用於將元素動畫呈現至視圖中，非常適合增強具有動態內容應用程式的使用者體驗。此套件支援所有主要平台，包含行動裝置、Web與桌面，確保跨裝置行為的一致性。開發者可輕鬆為任何組件套用進入動畫，無需撰寫複雜的動畫邏輯。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A flutter package to simplify the implementation of "show up" animation
Install dependencies
dependencies:
show_up_animation: ^2.1.2
Then import wherever you want to implement the animation
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.
ShowUpAnimation(
delayStart: Duration(seconds: 1),
animationDuration: Duration(seconds: 1),
curve: Curves.bounceIn,
direction: Direction.vertical,
offset: 0.5,
child: YourWidget(),
),
To create a list of "show up" animations, use ShowUpList and provide
your list of widgets to children parameter.
ShowUpList(
direction: Direction.horizontal,
animationDuration: Duration(milliseconds: 1500),
delayBetween: Duration(milliseconds: 800),
offset: -0.2,
children: <Widget>[
Widget1(),
Widget2(),
Widget3(),
Widget4(),
],
),
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 |
| Property | Function |
|---|---|
| children | The list of widgets 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 each [child] into view. Defaults to [Curves.easeIn] |
| direction | horizontal or vertical |
| delayBetween | he delay between animating each [children] into view. Takes in a [Duration] and defaults to 300 milliseconds |
| animationDuration | The total duration in which the animation of each child completes. Defaults to 500 milliseconds |
暫無相關資料。