패키지, 저장소 및 앱 카테고리 검색

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.

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.