搜索插件、代码仓与 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.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。