[Flutter] 부드러운 애니메이션의 비밀, curve와 duration

서연·2025년 10월 13일
post-thumbnail

📖 애니메이션 속성 중 curve 와 duration

🎞️ Flutter 암시적 애니메이션 속성 정리

⏱️ duration

  • 애니메이션이 시작부터 끝까지 완료되는 데 걸리는 시간을 의미한다.
  • 보통 초 (seconds)나 밀리초 (milliseconds) 단위로 지정한다.
duration : Duration(milliseconds : 300) // 애니메이션이 0.3초 동안 실행된다는 뜻

🌈 curve

  • 애니메이션의 속도 변화 (가속도), 즉 움직임의 완급 조절을 담당한다.
  • 애니메이션이 일정한 속도로 움직일 수 있고 천천히 시작해서 빨라졌다가 다시 느려질 수 있다.
    -이런 움직임의 리듬을 결정하는 속성이 바로 curve이다.
Curves.linear // 일정한 속도로 움직임
Curves.easeInOut // 천천히 시작 → 빠르게 → 다시 천천히 끝나는 부드러운 흐름

🧠 정리

  • duration 은 시간을 조절하는 속성
  • curve는 움직임의 느낌 (속도 변화)을 조절하는 속성

0개의 댓글