Flutter Animation 플러터 애니메이션 - AnimatedSize

 

Flutter는 iOS와 Android용 고품질 모바일 애니메이션을 쉽고 간편하게 만들 수 있습니다. 오늘 알아볼 AnimatedSize는 지정된 하위 위젯의 크기가 변경될 때마다 일정 기간 동안 자동으로 크기를 전환하는 애니메이션입니다. 

AnimatedSize 사용예제

이 예제는 노란 배경의 Container를 터치하여 AnimatedSize 위젯에 정의된 하위 위젯(Flutter Logo)의 크기를 변경하는 애니메이션입니다. 하위 위젯의 크기 속성(size)값이 변경될 때 마다 지정된 기간동안 전환됩니다. 

Inheritance

Object > DiagnosticableTree > Widget > StatefulWidget > AnimatedSize

Constructors

자식의 크기에 애니메이션을 적용하는 위젯을 만듭니다.

Properties

child → Widget?

트리에서 하위 위젯입니다.

final

curve → Curve

하위 위젯의 크기에 따른 전환 곡선입니다.

final

duration → Duration

하위 위젯의 크기에 따른 전환 기간입니다.

final

전체 code