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