パッケージ、リポジトリ、アプリカテゴリを検索

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 との簡単な統合
  • 任意のウィジェットをコンテンツとしてサポート
  • カスタマイズ可能なアニメーション曲線

適している対象

  • 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.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。