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

animated_card 封面
套件詳情v2.0.0

animated_card

用於動畫化任何組件的初始化過程的套件,支援使用自訂可消除項目。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
673
喜歡數
70
Pub 分數
140

安裝套件

flutter pub add animated_card

套件介紹

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

animated_card 套件提供了一種簡單的方式來動畫化任何元件的出現,透過流暢的進入效果提升使用者體驗。它支援可自訂的初始化動畫,並包含可關閉功能以用於互動元件。非常適合卡片、橫幅或任何需要動態進入過渡的 UI 元件。此套件相容於多個平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,適用於跨平台應用。可透過 Flutter pub add 容易地整合,並由專職開發者維護。

適用情境

  • 引導頁面
  • 動態卡片顯示
  • 互動式 UI 元素
  • 載入內容並帶有動畫
  • 使用者歡迎訊息

主要特色

  • 平滑的初始化動畫
  • 可自訂的可消除行為
  • 跨平台相容性
  • 與 Flutter 的輕鬆整合
  • 支援任何 widget 為內容
  • 可設定的動畫曲線

適合對象

  • Flutter 初學者
  • UI/UX 增強專案
  • 跨平台應用
  • 互動式儀表板
  • 引導流程

使用建議

  • 可能影響大量動畫卡片的效能
  • 需要仔細調整動畫持續時間
  • 限制為小部件初始化時間
  • 不適合高頻率更新
  • 依賴於正確的控件樹結構

原始 README

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

animated_card

Package to animate the initialization of any widget, with the possibility of using a custom dismissible.

How to use

pubspec.yaml

To Flutter Version <= 1.22.6

  animated_card: 1.0.0+8<lastest version>

To Flutter Version >= 2.0.0

  animated_card: <lastest version>

import

import 'package:animated_card/animated_card.dart';

Simple implementation

AnimatedCard(
    child: <Widget>,
),

Dismissible implementation

AnimatedCard(
    direction: AnimatedCardDirection.left, //Initial animation direction 
    initDelay: Duration(milliseconds: 0), //Delay to initial animation
    duration: Duration(seconds: 1), //Initial animation duration
    onRemove: () => lista.removeAt(index), //Implement this action to active dismiss
),

Example

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。