728x90 animatedcontainer1 [Flutter] 손쉬운 애니메이션 Widget 적용 (AnimatedContainer, AnimatedDefaultTextStyle) Flutter에서 필요에 따라 버튼과 텍스트에 색상 변환을 주곤한다.예를 들어 빈 값이면 회색, 값이 있으면 파란색을 설정하거나, 일반적으로 검은색 글씨에 오류가 발생하면 붉은색 글씨로 변경하는 등 같은 위젯에 색상 변화를 주게되는 요인은 많다. 이에 따라 좀 더 UI를 부드럽게 구현을 하기 위해 애니메이션 적용하는 것은 좋은 방향이다. 이번에는 Widget에 애니메이션을 넣는 가장 단순한 방법을 배워 볼 것이다.Container에 적용하는 방법으로 AnimatedContainer Widget과 Text에 적용하는 방법인 AnimatedDefaultTextStyle Widget의 사용법을 알아보자. 위 이미지는 TextFiled의 값이 empty가 아니면 버튼과 Text의 색상을 변경하는 예제이다.예제 .. 2024. 11. 8. 이전 1 다음 728x90
