Flutter 1.20 İle Gelen Yenilikler

Caner BULUT 19 Ağustos 2020

Flutter her yeni sürümünde daha hızlı ve performanslı hale geliyor. Flutter 1.20 versiyonu performans iyileştirmeleri, bir çok yeni widget, platform güncellemeleri gibi yenilikleri beraber getiriyor.

Geçmiş versiyonlara bakıldığında 1.20 sürümü en büyük güncelleme diyebiliriz.

Eğer Flutter kullanmaya yeni başlıyor iseniz Flutter Nedir ve Neden Öğrenmek Gerekir? İsimli yazımızı incelemenizi öneriyoruz.

Bu yazımızda ise Flutter’in 5 ağustos 2020 tarihinde yayımlanan en güncel 1.20 sürümünde yapılan güncellemeler ve değişiklikler hakkında detaylı bilgiler vereceğiz.

Eğer Flutter'ı bilgisayarınıza kurmak istiyorsanız Flutter Kurulumu Nasıl Yapılır? başlıklı yazımızı incelemenizi tavsiye ederiz.

Otomatik Metin Doldurma Özelliği

Flutter uygulamalarının en popüler ve avantajlı özelliklerinden biri otomatik metin doldurma özelliği. Bu özellik çoğu geliştirici tarafından ilgi ile takip ediliyor.

Otomatik Metin Doldurma Özelliği

Önceki Flutter sürümlerinde otomatik metin doldurma özelliği ile alakalı ciddi problemlerin vardı. Bu güncelleme sayesinde bu özellik artık hem daha hızlı, hem de daha stabil çalışmakta.

Visual Studio Code - Dart DevTools Eklentisi

Önceki Flutter sürümlerinde harici bir tarayıcı vasıtasıyla erişilebilen, geliştiriciye yönelik performans ve hata ayıklama paketi olan Dart DevTools, bu güncelleme ile birlikte artık Visual Studio Code ile entegre edilmiş durumda.

Dart DevTools Eklentisi

Geliştiriciler bu özelliği basitçe “settings.json” dosyasına "dart.previewEmbeddedDevTools": true kısmını ekledikten sonra debugging yaparken Ctrl+Shift+P komutu ile “Dart: Open DevTools” seçeneğine tıklayarak farklı opsiyonlarla bu eklentiyi Visual Studio Code içinde ayrı bir sekmede kullanabilirler.

İnteraktif İzleyici Aracı (Widget)

Bütünüyle yeni olan interaktif araç (widget) sayesinde geliştiriciler artık debugging yaparken sürükle bırak, yakınlaştırma-uzaklaştırma ve kaydırma gibi birçok özellik sayesinde daha efektif ve hızlı bir şekilde uygulamalarını geliştirebilecekler.

İnteraktif İzleyici Aracı

Güncellenmiş MaterialSlider, RangeSlider, TimePicker ve DatePicker

Öncelikle slider lardan bahsetmek gerekirse temel olarak şöyle bir yapıya sahiptirler:

Flutter Slider

3 numaralı yapıyı sürükledikçe değişken değerlerin görüntülenmesini sağlayan göstergeler
3 numaralı yapının sürüklendiği yol
Değerin konumunu belirten material
3 numaralı yapıya basıldığında görüntülenen dairesel kaplama
Slider ayrık olduğunda yol üzerindeki işaretler

1 numaralı yapının şeklindeki değişiklik

Önceki Flutter sürümlerinde şöyle bir görüntüsü olan ( Flutter Old Indicator ) yapının yeni görünümü artık yukarıdaki gibidir. Bu gördüğünüz yeni yapı Flutterin material yapısındaki en son tasarım değişiklerini yansıtır.

Bu gösterge hem Slider hem de RangeSlider için yukarıdaki şekli ile güncellenmiştir.

Flutter Overlay

Bu özellik sayesinde artık 1 numaralı yapı Slider’ın MediaQuery alanıyla sınırlı olmayacak ve diğer araçlar üzerinde görüntülenebilecek. Bunun böyle olmasının sebebi ise kullanıcının 3 numaralı yapıya bastığında 1 numaralı yapının diğer araçlar ile etkileşim durumuna geçebilmesidir.

1 numaralı yapılardan hangisi ile etkileşim sağlanıyorsa onun öncelikli olarak gösterilmesi

Flutter Overlay

2 numaralı yapılardan aktif olanın inaktif olandan daha kalın olması

Flutter Active

Yeni DatePicker ve TimePicker

Flutter 1.20 versiyonu üzerinde büyük değişikliklerden biriside DatePicker ve TimePicker elementlerinin yepyeni bir tasarım ile karşımıza gelmesi

Flutter DatePicker

Flutter TimePicker

Daha Uyumlu ve Esnek Lisans Sayfaları

Flutter 1.20' de birçok başka yeni özellik yer alıyor. AboutDialog'da bulunan yeni bir responsive lisanslar sayfası bunlardan birisi.

Flutter Licence Pages

Yeni pubspec.yaml Dosya Formatı

Eğer Flutter için yeni bir eklenti yayınlamak istiyorsanız bu güncelleme ile birlikte yeni bir pubspec.yaml dosya formatı ile bu eklentiyi hazılamanız gerekir.

Önceki formatta eklentinizin hangi platformları desteklediğini belirten bir ibare yoktu. Bu güncelleme ile yeni veya güncellenmiş eklentiler yayınlamak için bu formata uymanız gerekiyor.

Fakat şu an için araçlar önümüzdeki yakın zamana kadar eski formattaki pubspec.yaml dosyasıyla beraber oluşturulan Flutter uygulamaları ile çalışmaya devam edecek.

Dart DevTools - Ağ Takibi Alanındaki Güncellemeler

Bu sekmeye uygulamanızın ağ aramalarının zaman bilgileri, ağ durumu ve içerik tipi gibi sayfalar eklendi.

Kullanıcı arayüzü tarafında ise websocket veya http istemi ile ilgili verilerin genel görünümü eklendi.

Yakında ise HTTP istem/cevap gövdesi ve gRPC trafiği ile ilgili geliştirmeler yapılacağı duyuruldu.

Flutter Network Tracking

VSCode’da Dosyanın İsmini Değiştirdiğinizde importtaki veya exporttaki yolun da değişmeside yeni bir özellik olarak karşımıza geliyor.

Flutter Import Export

Sonuç Olarak

Flutter en çok kullanılan mobil uygulama geliştirme teknolojilerinden birisidir. Flutter üzerinde yapılan bu güncel geliştirmelerin mobil yazılım geliştiricilerine büyük katkılar sağlayacağı ortada.

Caner BULUT

Caner Bulut, Argenova'nın Kurucusu ve CEO'sudur. Yazılım geliştirme ve ürün geliştirme alanlarında deneyimlidir. Birçok başarılı projeye imza atmıştır ve teknoloji ekosistemine bilgi paylaşımıyla katkı sağlamaktan keyif almaktadır. Yoğun programına rağmen yeni bilgileri paylaşmak ve öğrenmek, ona büyük bir motivasyon kaynağı olmaktadır.