Flutter 3.27 ve Dart 3.7 Rehberi 2026: Material 3 Expressive, Impeller Default ve Mobil Geliştirme

Flutter 3.27 Genel Bakış (Flutter 3.27 Overview)

Flutter 3.27, 12 Aralık 2024'te resmi olarak yayınlandı. 49 ilk kez katkı veren geliştirici dahil, 187 kişiden gelen 1.400+ commit ile Google'ın cross-platform framework'ünün topluluk gücünü gösteriyor.

Sürümün öne çıkan yenilikleri:

• Impeller artık Android'de varsayılan (API 29+ cihazlar için)
• iOS'ta Skia tamamen kaldırıldı — sadece Impeller
• Material 3 Expressive tasarım sistemi adaptasyonu
• Cupertino widget'larında iOS 18 görünümü
• WebAssembly (WASM) hedefi olgunlaştı
• DevTools performans profiler iyileştirmeleri

Impeller Default Rendering Engine

Flutter'ın yıllardır kullandığı Skia render engine, yerini Impeller'a bırakıyor. 3.27 ile birlikte:

• iOS — varsayılan (default)
• Android API 29+ — varsayılan
• macOS — opt-in (manuel açma)
• Linux — preview
• Windows — preview

Neden Impeller? (Why Impeller?)

Skia mükemmel bir 2D render engine, ama Flutter için yazılmadı. Karmaşık animasyonlarda jank (frame skip) yaşanıyordu çünkü Skia shader compilation runtime'da oluyordu. Impeller ise:

1. Shader Precompilation
   - Tüm shader'lar build time'da derleniyor
   - Runtime shader compilation jank YOK
   - İlk açılışta donma yok (no startup jank)

2. Modern GPU API
   - iOS: Metal
   - Android: Vulkan (API 29+)
   - macOS: Metal
   - Linux/Windows: Vulkan

3. Tahmin Edilebilir Performans
   - Hangi widget ne kadar zaman alır - bilinebilir
   - 120Hz ekranlarda smooth scroll

# iOS'ta zaten varsayılan
flutter run

# Android'de Vulkan ile
flutter run --enable-impeller

# Eski Android cihazda Impeller'i kapatma
flutter run --no-enable-impeller

Material 3 Expressive Tasarım Dili

Material 3 Expressive, Google'ın 2025 sonu / 2026 başında duyurduğu yeni tasarım dili. Material 3'ün üzerine kurulu ama daha cesur renkler, daha büyük dokunma alanları ve daha akıcı animasyonlar getiriyor.

MaterialApp(
  theme: ThemeData(
    colorScheme: ColorScheme.fromSeed(
      seedColor: Colors.deepPurple,
      brightness: Brightness.light,
    ),
    useMaterial3: true,
    materialTapTargetSize: MaterialTapTargetSize.padded,
    // Expressive flag (Flutter 3.27+)
    expressive: true,
  ),
  home: const HomePage(),
)

Yeni Bileşenler (New Components)

• NavigationBar 2: Daha geniş, parmakla daha kolay erişilebilir
• FAB Menu: Genişleyen floating action button menüsü
• Carousel: Native Material 3 carousel widget'ı
• Sliver M3: Material 3 native sliver bileşenleri

Tasarımcılarınız hâlâ Material 2 görünümüne alışkınsa, geçişi aşamalı yapın. Önce dark mode'da test edin — Expressive özellikle koyu temada çok güzel duruyor.

Dart 3.7 Yenilikleri (Dart 3.7 New Features)

Dart 3.7, Flutter 3.29 ile birlikte yayınlandı. Önemli değişiklik: Dart 3.0'dan önceki SDK desteği kaldırıldı. Yani Mayıs 2023'ten eski Dart SDK kullanan paketler artık çalışmıyor.

# Eski (artık çalışmaz)
environment:
  sdk: ">=2.18.0 <4.0.0"

# Yeni (zorunlu)
environment:
  sdk: ^3.7.0
  flutter: ^3.27.0

Dart 3.7 Öne Çıkan Yenilikler

• Wildcard variables: var _ = expensiveOperation(); ile dönüş değerini görmezden gelme
• Improved type inference: Generic metodlarda daha akıllı type çıkarımı
• Faster compilation: Ortalama %20 daha hızlı incremental build
• WebAssembly tier: dart compile wasm daha stabil

// Önce
final result = computeExpensive(); // unused warning
print('Done');

// Sonra (Dart 3.7+)
final _ = computeExpensive(); // wildcard, uyarı yok
print('Done');

Cupertino Updates (iOS Bileşenleri)

Flutter'ın iOS bileşen kütüphanesi Cupertino, iOS 18 ve iOS 26 görünümüne yaklaştı:

• CupertinoSheetRoute: Yeni native iOS modal sheet stili
• CupertinoNavigationBar: Liquid Glass efekti opsiyonu
• CupertinoTextField: Daha hızlı yazma deneyimi (faster typing experience)
• CupertinoPicker: Haptic feedback iyileştirildi

// Yeni CupertinoSheetRoute örneği
Navigator.of(context).push(
  CupertinoSheetRoute(
    builder: (context) => const MyDetailSheet(),
    initialDetent: SheetDetent.medium,
    detents: [SheetDetent.medium, SheetDetent.large],
  ),
);

Performans İyileştirmeleri (Performance Improvements)

Impeller ve Dart 3.7'nin getirdiği performans ölçümleri:

Migration Rehberi (Migration Guide): 3.24 → 3.27

flutter upgrade
flutter --version
# Beklenen: Flutter 3.27.x | Dart 3.7.x

environment:
  sdk: ^3.7.0
  flutter: ^3.27.0

flutter pub upgrade --major-versions
flutter clean
flutter pub get

flutter build apk --release
flutter build ios --release --no-codesign
flutter test

Yaygın Sorunlar (Common Issues)

• Plugin uyumsuzluğu: Çok eski paketler Dart 3.7 ile uyumsuz olabilir. flutter pub outdated ile kontrol edin.
• Impeller shader gecikmesi: İlk build'de shader cache oluşurken biraz uzun sürebilir, normal.
• iOS 17 alt sürümlerde: CupertinoSheetRoute fallback davranışı kullanır, tasarım farklı görünür.

📚 Kaynaklar ve Referanslar / Sources and References

• Flutter 3.27.0 Release Notes (Official) — Resmi sürüm notları
• What's New in Flutter 3.27 (Flutter Team Blog) — Detaylı yenilik incelemesi
• Impeller Rendering Engine Documentation — Impeller resmi dokümantasyonu
• Dart Language Evolution — Dart 3.7 dil evrimi
• Material 3 Design System — Resmi Material Design

Alesta Web olarak tüm migration adımlarını gerçek production projelerinde test ettik.