Flutter 3.24.2 Yenilikleri ve Kullanım Örnekleri

 

Flutter 3.24.2

Merhaba, bugün konumuz Flutter’ın son versiyonu 3.24.2.

Flutter 3.24.2, performans ve kullanım açısından önemli geliştirmeler sunan bir güncelleme olarak öne çıkıyor. Şimdi yeni sürümle birlikte gelen yenilikleri inceleyelim ve bu özelliklerin uygulamalara nasıl entegre edilebileceğine dair örnekler yapalım.

Yenilikler hepimize üretkenlik getirsin. Haydi başlayalım.

1. Impeller Render Motoru

Impeller, Flutter 3.24.2 ile performans odaklı olarak geliştirilen yeni bir render motoru. Skia’nın yerini almak üzere tasarlanan Impeller, özellikle GPU tabanlı animasyon ve grafik işlemlerinde büyük iyileştirmeler sunuyor. Impeller, daha stabil ve yüksek kare hızlarıyla çalışan uygulamalar geliştirebilmeyi sağlıyor. Şu anda Impeller, iOS ve Android platformlarında destekleniyor.

Ne Değişti?

• Impeller, özellikle animasyon yoğun uygulamalarda daha düşük gecikme süreleri sağlıyor.
• Shader derleme süresini optimize ederek animasyonlar sırasında yaşanabilecek takılmaların önüne geçiyor.

Nasıl Kullanılır? Impeller render motorunu test etmek için aşağıdaki komutla uygulamamızı derleyebiliyoruz:

flutter build apk --impeller

Impeller’ı varsayılan olarak tüm platformlarda kullanmak için ise pubspec.yaml dosyasına aşağıdaki ayarı eklememiz yeterli:

flutter:
  impeller:
    enabled: true

Bu özellik, özellikle grafik yoğun uygulamalarda performansı önemli ölçüde artırmak için getirilmiş.

2. Material 3 İyileştirmeleri

Flutter 3.24.2 ile Material 3 (M3) desteği daha da güçlendirildi. Material 3, Google’ın en son tasarım dilini yansıtan bir framework olup, modern ve dinamik UI tasarımlarını daha kolay bir şekilde uygulamamıza entegre etmeyi sağlıyor. M3, adaptive (uyarlanabilir) bileşenler ve responsive tasarım özellikleriyle mobil, web ve masaüstü platformlarda daha tutarlı bir kullanıcı deneyimi sunuyor.

Ne Değişti?

• M3, özellikle yeni renk paletleri, uyarlanabilir tipografi ve bileşenlerde daha fazla esneklik sunuyor.
• ElevatedButton, OutlinedButton ve TextButton gibi temel bileşenler artık M3 temalarına göre otomatik olarak şekilleniyor.

Örnek Kullanım: Material 3'ü etkinleştirmek için ThemeData'da useMaterial3: true bayrağını kullanabiliriz:

MaterialApp(
  theme: ThemeData(
    useMaterial3: true, // Material 3'ü aktif hale getirir
    colorScheme: ColorScheme.fromSeed(seedColor: Colors.teal),
  ),
  home: Scaffold(
    appBar: AppBar(title: Text("Material 3 Yenilikleri")),
    body: Center(
      child: ElevatedButton(
        onPressed: () {},
        child: Text("Material 3 Buton"),
      ),
    ),
  ),
);

Bu özellikle, özellikle çok farklı ekran boyutlarına sahip cihazlarda tutarlı ve modern bir görünüm sağlanması amaçlanmış.

3. Yeni Widget: MenuBar

Flutter 3.24.2 ile birlikte, özellikle masaüstü uygulamaları için büyük bir ihtiyaç olan menü çubuğu (MenuBar) widget'ı kullanıma sunuldu. MenuBar, geleneksel masaüstü uygulamalarındaki üst menü çubuklarını Flutter uygulamalarına kolayca entegre etmemize olanak tanır. Bu, özellikle masaüstü platformlarda kullanıcı deneyimini önemli ölçüde iyileştirir.

Ne Değişti?

• Menü çubuklarını Flutter uygulamalarına eklemek artık çok daha kolay hale geldi.
• MenuBar widget'ı, Flutter'ın masaüstü desteğiyle entegre edilerek platforma özel menü deneyimleri sunuyor.

Örnek Kullanım:

Scaffold(
  appBar: AppBar(
    title: Text('Flutter 3.24.2 Menü Örneği'),
  ),
  body: MenuBar(
    children: <Widget>[
      SubmenuButton(
        menuChildren: <Widget>[
          MenuItemButton(
            onPressed: () {
              // Yeni dosya oluşturma işlemi
            },
            child: Text('Yeni Dosya'),
          ),
          MenuItemButton(
            onPressed: () {
              // Dosya açma işlemi
            },
            child: Text('Aç'),
          ),
        ],
        child: Text('Dosya'),
      ),
      SubmenuButton(
        menuChildren: <Widget>[
          MenuItemButton(
            onPressed: () {},
            child: Text('Kes'),
          ),
          MenuItemButton(
            onPressed: () {},
            child: Text('Kopyala'),
          ),
        ],
        child: Text('Düzenle'),
      ),
    ],
  ),
);

Bu widget, masaüstü uygulamalarımızda profesyonel bir menü sistemi oluşturmamızı sağlıyor.

4. Desteklenen Platformlarda Gelişmeler

Flutter 3.24.2, masaüstü ve web platformları için daha fazla iyileştirme sundu. Özellikle macOS ve Linux uygulamaları için optimize edilmiş sistem entegrasyonları, Flutter’ın bu platformlarda daha performanslı çalışmasını sağlıyor.

Ne Değişti?

• macOS ve Linux için sistem entegrasyonları iyileştirildi. Artık bu platformlarda daha fazla donanım erişimi sağlanabiliyor.
• Web performansında önemli iyileştirmeler yapıldı, özellikle büyük veri setleri ve interaktif içeriklerle çalışan web uygulamaları için.

Örnek Kullanım: Platforma özel özellikleri kullanmak için platform channels üzerinden sistem özelliklerine erişim sağlayabiliyoruz. Örneğin, masaüstü platformlarda dosya sistemine erişmek için:

if (Platform.isMacOS || Platform.isLinux) {
  // Dosya seçici gibi platforma özel bir işlem gerçekleştir
}

Bu sayede, Flutter uygulamamızın hedef platforma özgü özelliklerden yararlanmasını sağlayabiliyoruz.

5. Performans İyileştirmeleri

Flutter 3.24.2, performans tarafında da birçok önemli iyileştirme içeriyor. Özellikle büyük ve karmaşık animasyonlara sahip uygulamalarda daha akıcı geçişler sağlanırken, genel render performansı da optimize edildi.

Ne Değişti?

• Flutter’ın performans izleme araçları (DevTools) daha da geliştirildi. Artık performans dar boğazlarını daha kolay tespit edebiliriz.
• Render süresi optimize edildi, bu da özellikle düşük güçlü cihazlarda daha iyi bir performans deneyimi sunuyor.

Örnek Kullanım: Performans izleme araçlarını kullanarak uygulamamızdaki performans sorunlarını tespit edebiliriz. DevTools üzerinden performans analizleri yaparak, animasyonlar ve UI bileşenleri için iyileştirmeler gerçekleştirebiliriz.

flutter run --profile

Profil modunda çalıştırarak uygulamamızın performansını izleyebilir ve optimizasyon yapabileceğimiz alanları keşfedebiliriz.

Flutter 3.24.2 sürümü, özellikle performans ve kullanıcı deneyimi açısından önemli iyileştirmeler sunuyor. Impeller render motoru, Material 3 iyileştirmeleri, MenuBar widget'ı ve platform destekleri, geliştiricilere modern ve güçlü uygulamalar oluşturma imkanı tanıyor. Bu yeni özelliklerle uygulamalarımızı güncelleyerek kullanıcılarımıza daha hızlı, daha şık ve daha duyarlı bir deneyim sunabiliriz.

Konuyla ilgili Flutter’ın resmi dokümantasyonu linkini de aşağıda paylaşıyorum.

What's new in the docs

A list of what's new on docs.flutter.dev and related documentation sites.

docs.flutter.dev

Hepimize iyi kodlamalar.

Selin.