Flutter ile Gerçekçi Animasyonlar ve Performans Dengesini Nasıl Sağladım? Kanka Deneyimlerim ve İpuçları

23 Haz 15:48

Merhaba Flutter arkadaşları! Geçtiğimiz birkaç ayda, bir mobil uygulamanın animasyon kısmını tamamen Flutter ile yapmaya karar verdim. İlk başta, "Animasyonlar güzel ama performans çökebilir" diye bir korkum vardı. Bu yüzden, her şeyin sorunsuz çalıştığından emin olmak için birkaç deneme yaptım. İlk projemde, Hero transition'larını ve custom painter ile çizdiğim karmaşık vektörleri kullandım. Bunu yaparken, widget ağacını mümkün olduğunca sade tutmaya çalıştım. Özellikle setState yerine ValueNotifier ve Provider ile state yönetimini gerçekleştirmek, yeniden çizim maliyetini ciddi ölçüde azalttı. Bunu fark etmemi sağlayan şey, uygulamayı bir cihazda test ederken FPS düşüşlerini gözlemlemem oldu. Bu noktada, Flutter DevTools'ta "Performance" sekmesini açıp, raster time'ı incelemek gerçekten çok faydalıydı. Bir diğer ipucum ise, animasyonları "Implicit" yerine "Explicit" olarak tanımlamaktı. Örneğin, AnimatedContainer yerine AnimationController ve Tween kullanarak animasyonları kontrol ettiğimde, animasyonların süresi, eğrisi ve durdurulması üzerinde tam kontrol sağladım. Ayrıca, "flutter_animate" paketini denedim ve bu paket sayesinde kod tekrarı büyük ölçüde azaldı. Tabii ki, performans sadece animasyonlarla sınırlı değil. Uygulamanın genel boyutunu da minimize etmek için "flutter build apk --split-per-abi" komutunu kullandım. Bu sayede, gereksiz native kütüphaneler uygulama paketinden çıktığı için APK boyutunda yaklaşık %20’lik bir azalma elde ettik. Şimdi bir soruya dönecek olursak: Sizler, Flutter’da animasyon performansını artırmak için hangi teknikleri ya da paketleri tercih ediyorsunuz? Özellikle büyük ölçekli bir projede karşılaştığınız zorluklar ve çözüm yollarınızı duymak isterim. Kanka, deneyimlerinizi ve önerilerinizi paylaşın, birlikte daha akıcı bir Flutter ekosistemi oluşturalım!