Flutter 렌더링 최적화: build() 리팩토링과 RepaintBoundary로 60fps 사수하기
최근 모바일 앱 개발 프로젝트에서 실시간 데이터가 쏟아지는 주식 차트 대시보드를 구현하던 중 심각한 성능 이슈에 직면했습니다. 고사양인 아이폰 14 프로에서는 부드럽게 작동했지만, 보급형 안드로이드 기기(갤럭시 A 시리즈 등)에서 스크롤을 할 때마다 프레임이 뚝뚝 끊기는 'Jank' 현상이 발생했습니다. Flutter DevTools의…
Flutter Animation Jank: Using RepaintBoundary when Widget Rebuilds aren't the Problem
It started with a simple ticket: "The stock ticker animation stutters on the Samsung Galaxy A12." On the iPhone 14 Pro simulator, everything was buttery smooth at 120Hz. But as soon as we…
Flutter: アニメーション時のFPS低下を防ぐ build() 分割と RepaintBoundary の即効性
最近開発していたソーシャルフィード系の Flutter アプリにおいて、深刻な「Jank（カクつき）」に直面しました。具体的には、タイムライン上で複雑なカード型ウィジェットをスクロールしている最中に、たった一つの小さな「いいね」アニメーションが発火するだけで、フレームレートが60fpsから30fps付近まで急落するという現象です。 このプロジェクトはFlutter 3.19、Dart 3…
Flutter a 60 FPS: Cuando const no es suficiente y necesitas RepaintBoundary
La semana pasada me enfrenté a uno de los problemas más frustrantes en el Desarrollo Móvil : el temido "Jank" o caída de frames. Teníamos una lista compleja de tarjetas de productos, cada…