Flutter는 강력하고 유연한 애니메이션 지원을 제공합니다 — 단순한 암시적(implicit) 애니메이션부터 완전히 제어되는 명시적(explicit) 애니메이션까지. 애니메이션은 부드러운 전환과 모션으로 UX를 향상시키며, Flutter의 위젯 기반 시스템은 이를 접근하기 쉽게 만듭니다.
암시적 애니메이션 (쉬운 방법)
// 암시적으로 애니메이션되는 위젯은 속성이 변경되면 자동으로 애니메이션
AnimatedContainer(
duration: Duration(milliseconds: 300),
width: _expanded ? 200 : 100, // width 변경 → 부드럽게 애니메이션
height: _expanded ? 200 : 100,
color: _expanded ? Colors.blue : Colors.red,
)
// 값만 변경하면 (setState로) → Flutter가 전환을 애니메이션
// 기타: AnimatedOpacity, AnimatedPadding, AnimatedPositioned 등
암시적 애니메이션(, 등)은 속성이 변경되면 자동으로 애니메이션됩니다 — 애니메이션을 추가하는 가장 쉬운 방법입니다.
