플러터에서 최고의 애니메이션 및 전환 패키지 애니메이션(또는 전환)은 이미지, 위젯, 경로 등의 움직임의 환상을 만드는 과정입니다. 애니메이션을 적절하게 활용하면 정적인 버전과 비교했을 때 모든 플러터 앱이 더 생동감 있고 쾌적하며 매끄럽게 보일 수 있습니다. 애니메이션을 촉각적인 반응과 연결시키면 더 구체적이고 현실적인 사용자 경험을 제공하여 앱 사용자의 인지적 부담을 줄일 수 있습니다. 일부 동작을 수행한 후에 앱으로부터 "움직임이나 생생한 응답"을 받으면 뇌가 모든 단계를 더 빨리 기억하며 사용자의 학습 곡선이 낮아집니다. 플러터는 애니메이션 및 전환에 대한 풍부한 내장 지원을 제공하지만, 앱에 더 잘 맞는 빠르고 복잡하며 사용자 정의 가능한 애니메이션을 추가하는 데 도움이 되는 여러 패키지가 있습니다. 또한 Lottie와 Rive와 같은 효율적인 신시대 애니메이션 파일 형식에 접근할 수 있는 패키지도 있습니다. 아래의 전체 애니메이션 및 전환 플러터 패키지 목록을 확인할 수 있습니다.
circular_reveal_animation
262
Android의 ViewAnimationUtils.createCircularReveal(...)에서 영감을 받은 원형 리벨 애니메이션입니다.
animated_widgets
170
AnimatedWidgets를 사용하여 화면에 애니메이션을 쉽게 추가할 수 있습니다. 항상 원하는 위치의 애니메이션된 위젯을 컴포넌트 트리에 추가하고 원하는 대로 애니메이션을 활성화합니다.
zoom_tap_animation
138
줌 탭 애니메이션은 App Store의 '오늘' 탭에있는 항목과 유사한 효과를 만들 수 있습니다. 항목을 길게 누르면 확대 / 축소가 시작됩니다.
flutter_sinusoidals
110
원하는대로 사인파를 시각화하는 데 도움이되는 플러터 패키지입니다. 모든 기본 파형이 이미 지원되며 사용자 정의 파형과 몇 가지 사전 정의된 파형도 있습니다.
flip_board
106
FlipBoard는 FlipWidgets의 구성 요소로, 내용 변경 시 뒤집는 애니메이션을 제공하는 위젯입니다. FlipFraseBoard, FlipMatrix, FlipClock 등이 포함되어 있습니다.
pro_animated_blur
73
ProAnimatedBlur는 자식 위젯의 하위 영역을 흐리게 만드는 위젯입니다. AnimatedContainer, AnimatedOpacity와 동작합니다.
motion_widget
66
시원한 전환을 구축하기 위한 간단하고 강력한 위젯입니다. 초기화, 상태 변경, 코드 정리 및 모든 다른 애니메이션 보일러플레이트 코드를 처리하여 각 구간에서 애니메이션을 제어하도록합니다.
explode_view
58
화면에서 이미지를 제거해야 할 필요가 있는 경우 사용할 수 있는 플러터용 아름다운 애니메이션 라이브러리입니다. 이 패키지는 이미지를 작은 입자로 분해합니다.
jelly_anim
53
본 패키지에는 젤리 애니메이션이 포함되어 있습니다. 사용자는 젤리 및 뷰포트 크기, 젤리 좌표, 오버플로 플래그를 동적으로 수정 할 수 있으며 사용자 요구 사항에 맞춤 설정도 가능합니다.
yoda
53
어떤 종류의 자식 위젯도 타일 매트릭스로 슬라이스하고 다른 종류의 방식으로 애니메이션화할 수 있는 플러터 위젯입니다. 현재 폭발, 소용돌이, 흩날림이 포함되어 있습니다.
phlox_animations
43
Flutter phlox_animations은 아름다운 커스텀 애니메이션을 만들기 위한 간단한 패키지입니다. 여러 속성을 동시에 애니메이션화하며 여러 기능으로 구성됩니다.
flutter_animate_on_scroll
42
스크롤 이벤트 기반으로 위젯을 애니메이션하는 Flutter 패키지입니다. 사용자가 상호작용할 수 있는 매력적인 스크롤 기반 애니메이션을 손쉽게 생성하여 UI를 강화합니다.
animated_page_transition
40
이 패키지는 애니메이션 페이지 전환을 위한 것입니다. 사용하기 쉬운 패키지입니다. pubspec.yaml 파일에 animation_page_transition 의존성을 추가한 다음, 구현 파일에 패키지를 import하여 쉽게 애니메이션 페이지 전환을 구현할 수 있습니다.