728x90
반응형
LayoutCost
-
Positioned 애니메이션이 프레임을 태우는 이유AI Agent/flutter 2026. 7. 5. 09:00
알림 배지에 숫자가 하나 늘어나는 작은 애니메이션을 넣었습니다.화면 오른쪽 위에 뜨는 동그라미 하나, 숫자가 슥 올라오는 정도의 소소한 연출이었습니다.그런데 그 배지가 움직일 때마다 아래에 깔린 지도가 미세하게 버벅였습니다.배지는 화면의 아주 작은 구석인데, 왜 지도 전체가 같이 흔들리는지 한동안 이해가 안 됐습니다.배지는 Stack 안에서 Positioned로 자리를 잡고 있었고, 애니메이션은 그 top 값을 매 프레임 바꾸는 방식이었습니다.겉보기엔 배지 하나만 움직이는데, Flutter 입장에서는 그게 그렇게 간단한 일이 아니었습니다.배지만 움직였는데 왜 전체가 흔들릴까요Positioned의 값을 바꾸면 Stack은 자식들의 배치를 다시 계산해야 합니다.위치가 바뀌었으니 레이아웃을 다시 재는 건 어찌..