animation_wrappers

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

Animation Wrappers 是一個 Flutter 套件，提供一組 widget 包裝器，可輕鬆為任何子 widget 加入動畫效果。僅需將 widget 簡單地包覆在提供的動畫包裝器中，開發者即可應用流暢的進入效果、轉場效果和視覺增強，而無需撰寫自訂動畫程式碼。該套件支援 Android、iOS、Web、macOS、Windows 和 Linux 多個平台，非常適合需要精緻 UI 互動的跨平台應用程式。它輕量且設計簡潔，專注於快速整合與一致結果。

適用情境

向UI元素添加進入動畫
建立微妙的懸停或輕觸效果
增強清單項目過渡
改進入門畫面
在儀表板中為靜態內容添加動畫效果
簡化重複的動畫邏輯

主要特色

易於使用的包裝器小部件
支援多種動畫類型
跨平台相容性
所需的樣板程式碼最少
輕量且高效
不需要複雜的 AnimationController 設定

適合對象

初學者 Flutter 開發者
UI/UX 設計師實作動畫
需要快速動畫整合的專案
動態內容佈局的應用程式
專注於使用者體驗提升的開發者

使用建議

與手動動畫相比，自訂選項有限
可能不支援進階動畫序列
最適合簡單的常見動畫模式
不太適合高度複雜或獨特的動畫
取決於套件更新以取得新功能

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

Getting Started

To use this package, add animation_wrappers as a dependency in your pubspec.yaml file.

:star_struck: :heart_eyes: Major Update :heart_eyes: :star_struck:

See example for all animation wrappers

Add dependency

dependencies:
  animation_wrappers: ^3.0.2

Import

import 'package:animation_wrappers/animation_wrappers.dart';

Usage: FadedScaleAnimation

FadedScaleAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: FadedSlideAnimation

FadedSlideAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
    beginOffset: Offset(0.5, 2),
    endOffset: Offset(0.5, 1),
),

Usage: FadeAnimation

FadeAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: ScaleAnimation

ScaleAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Many more animation wrappers will be added soon..!

Made with :heart: by Jagrit

搜尋套件、儲存庫與 APP 分類