[flutter] 플러터 Container에서 애니메이션 효과를 자동으로 재생하는 방법은 무엇인가요?
일반적으로, Container에 애니메이션을 적용하려면 애니메이션 컨트롤러를 사용하여 애니메이션을 관리해야 합니다. 이때, 많은 코드를 작성하지 않고도 애니메이션을 자동으로 재생하는 방법으로는 AnimatedContainer 위젯을 활용할 수 있습니다.
AnimatedContainer(
duration: Duration(seconds: 1),
curve: Curves.fastOutSlowIn,
decoration: BoxDecoration(
color: _isToggled ? Colors.blue : Colors.red,
borderRadius: BorderRadius.circular(_isToggled ? 50.0 : 10.0),
),
width: _isToggled ? 200.0 : 100.0,
height: 100.0,
child: Center(child: Text('Animated Container')),
),
위 코드에서 AnimatedContainer
위젯은 duration 속성을 통해 애니메이션의 지속 시간을 설정하고, curve 속성으로 애니메이션의 속도 곡선을 정의합니다. 또한, _isToggled
와 같은 상태를 변경함으로써, 컨테이너의 모양과 크기가 자동으로 애니메이션됩니다.
이렇게 함으로써 코드를 간결하게 유지하면서도 애니메이션이 자동으로 재생될 수 있습니다. 만약 더 복잡한 애니메이션을 적용하고 싶다면, AnimatedBuilder
나 AnimationController
등의 다른 애니메이션 관련 위젯과 클래스를 사용하여 세밀한 컨트롤을 할 수 있습니다.
플러터에서 Container에 자동으로 애니메이션 효과를 적용하는 방법에 대해 살펴보았습니다. 더 많은 내용을 알고 싶다면 공식 플러터 문서를 참고하시기 바랍니다.