Flutter ile Mobil Uygulama Geliştirme

Flutter nasıl çalışır?

Flutter, Google'ın geliştirdiği açık kaynaklı bir arayüz araç takımı; uygulamalar Dart diliyle yazılır ve yayın sürümünde doğrudan makine koduna derlenir. En önemli farkı, ekranları telefonun hazır bileşenleriyle değil kendi çizim motoruyla çizmesi. Düğmeler, listeler ve geçişler iOS'ta da Android'de de aynı kodla, aynı biçimde çizilir.

Bunun iki sonucu var. Birincisi, tasarımcının Figma'da çizdiği ekran iki platformda da aynı görünür; marka renkleri, özel yazı tipleri ve animasyonlar platformdan platforma kaymaz. İkincisi, iOS'un ya da Android'in yeni sürümde getirdiği görsel değişiklikler uygulamaya kendiliğinden yansımaz. Uygulamanın her platformda o platforma ait gibi görünmesi isteniyorsa bu ayrıca tasarlanır; Flutter bunun için hem Material hem iOS görünümlü Cupertino bileşen setleriyle gelir.

Flutter mı, React Native mi?

Tasarımın iki platformda birebir aynı görünmesi ve yoğun animasyon önemliyse Flutter, web tarafınız React ile yazılmışsa ve sık güncelleme gerekiyorsa React Native daha uygun. İki araç da tek kod tabanından iki platforma uygulama çıkarır ve iyi yazıldığında kullanıcı aradaki farkı hissetmez. Kararı genellikle şu farklar belirliyor:

Örnek projelerimizden SafeFood'u React Native ve Expo ile geliştirdik.

Flutter'ın güçlü olduğu işler, dikkat edilecek noktalar

Flutter'ı özellikle şu işlerde öneriyoruz:

• Markaya özel, yoğun animasyonlu arayüzler: sadakat programı uygulamaları, oyunlaştırılmış kampanyalar, eğitim uygulamaları
• Grafik ve gösterge ağırlıklı ekranlar: raporlama ve izleme uygulamaları
• Aynı uygulamanın tablet ya da masaüstü sürümünün de planlandığı projeler

Karar verirken dikkat ettiğimiz noktalar:

• Web sürümü. Flutter web'e de çıktı verebilir, ama sayfaları arama motorlarının kolayca okuyacağı biçimde üretmez. Google'da bulunması gereken bir tanıtım sitesi için uygun değildir; uygulamanın yanındaki web sitesini ayrıca geliştiriyoruz.
• Paket seçimi. pub.dev'deki paketlerin bakım durumu birbirinden çok farklı. Ödeme, harita ya da bildirim gibi kritik işlerde son güncelleme tarihine, yayıncısına ve açık hata kayıtlarına bakarak seçiyoruz. Uygun paket yoksa ilgili bölümü platform kanalı üzerinden Swift ve Kotlin ile kendimiz yazıyoruz.
• Ekip sürekliliği. Dart, Flutter dışında az kullanılan bir dil. Uygulamayı ileride kendi ekibinizle sürdürmeyi planlıyorsanız bunu karara katıyoruz.

Süreç ve takvim

Flutter projeleri diğer mobil projelerimizle aynı akışta ilerliyor: keşif, Figma'da tasarım, iki haftalık geliştirme dönemleri, TestFlight ve Google Play kapalı test ile beta, ardından iki mağazaya başvuru. Tasarım aşamasında ekranlardan önce markaya özel bileşen setini, yani düğme, kart, form ve geçiş kurallarını hazırlıyoruz; Flutter'da bu set doğrudan koda karşılık geldiği için sonraki ekranlar daha hızlı ilerleyebiliyor.

Az ekranlı bir ilk sürüm yaklaşık 8 haftada, ödeme, yönetim paneli ve entegrasyon içeren uygulamalar 12 haftadan uzun sürede yayına çıkar. Google Play'in yeni kişisel hesaplardan istediği kapalı testin takvime etkisini native Android sayfamızda anlattık.

İzmir'de bir Flutter projesinin fiyatını neler belirler?

• Özel arayüz ve animasyon miktarı. Flutter'ın güçlü olduğu alan, tasarım ve geliştirme süresini en çok etkileyen alan da.
• Akış ve rol sayısı. Müşteri, yönetici, saha personeli gibi her rol ayrı ekranlar ister.
• Sunucu ve yönetim paneli. Firebase gibi hazır bir servis mi, size özel bir API mi?
• Native entegrasyonlar. Hazır paketi olmayan donanım ve servisler için platform kanalı yazmak.
• Hedef platformlar. Yalnız telefon mu, tablet ve masaüstü de mi?

Keşif görüşmesinden sonra bu kalemleri ayrı satırlarda gösteren bir teklif hazırlıyoruz. İsterseniz aynı kapsamı React Native ile de fiyatlandırıp iki seçeneği yan yana görmenizi sağlıyoruz.