분류, 패키지 및 저장소 검색

패키지 상세v2.0.0

animated

Flutter용 매우 간단하지만 강력한 암시적 애니메이션 라이브러리입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
8.6천
좋아요
31
Pub 점수
130

패키지 설치

flutter pub add animated

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

애니메이션 패키지는 플러터를 위한 가볍지만 강력한 암시적 애니메이션 라이브러리로, 부드럽고 선언적인 애니메이션을 쉽게 만들 수 있도록 설계되었습니다. 애니메이션 컨트롤러를 명시적으로 관리할 필요 없이 불투명도, 위치, 스케일 등의 속성을 애니메이션화하기 위한 직관적인 API를 제공합니다. 여러 플랫폼에서 일반적인 애니메이션 패턴을 간결하고 읽기 쉬운 코드로 구현하고자 하는 개발자에게 적합합니다.

사용 사례

  • 페이드 인/페이드 아웃 효과 만들기
  • 위젯 위치 애니메이션화
  • 부드러운 전환으로 위젯 확대/축소하기
  • 사용자 인터페이스에서 미세한 시각적 피드백 추가
  • 최소한의 코드로 상호작용 가능한 컴포넌트 만들기

주요 기능

  • 암시적 애니메이션 처리
  • 최소한의 보일러플레이트
  • 크로스 플랫폼 지원
  • 일반적인 애니메이션을 위한 간단한 API
  • 선언적 구문

적합한 대상

  • 초보자 플러터 개발자
  • 빠른 애니메이션을 필요로 하는 프로젝트
  • 최소한의 노력으로 UI 개선
  • 다중 플랫폼을 대상으로 하는 앱
  • 복잡한 애니메이션 컨트롤러를 피하는 개발자

고려 사항

  • 기본 애니메이션 유형에만 제한됨
  • 복잡한 사용자 정의 애니메이션에 적합하지 않음
  • 고급 효과를 위해 추가 패키지가 필요할 수 있습니다
  • 원시 AnimationController에 비해 제어력이 낮음
  • 간단하고 예측 가능한 애니메이션에 가장 적합

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Animated

Animated is a very simple (yet powerful) implicit animation library made for Flutter.

Its goal is to be able to create a smooth animation between two values when an AnimatedContainer is not enough.

@override
Widget build(BuildContext context) {
  return Animated(
    value: 1.2,
    curve: Curves.easeInOut,
    duration: Duration(milliseconds: 300),
    builder: (context, child, animation) => Transform.scale(
      scale: animation.value,
      child: child,
    ),
    child: Container(
      width: 40,
      height: 40,
      color: Colors.red,
    ),
  );
}

In this example, whenever the value changes, the builder function will be called at each frame, from the old value to the new one.

Any widget that is not modified by the animation should be moved to the child property for optimization.

카테고리

소스 저장소

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

아직 데이터가 없습니다.