Flutter 2'deki yenilikler: en yeni güncellemeler

Flutter'ın geçen hafta (3 Mart 2021) ikinci güncellemesini yayınladığını duymuşsunuzdur. Şirketin kendisinin iddia ettiği gibi, bu sürüm tam ölçekli bir topluluk çalışmasıdır, bu nedenle geliştiricilere yönelik bazı sulu işlevler bekleyebilirsiniz.

Flutter 2.0, yepyeni ve mevcut özelliklerle yeni yetenekler ve iyileştirilmiş deneyimlerle doludur. Gelelim çaya!

Yepyeni işlevlerle başlayacağız, mevcut Flutter özelliklerindeki en güzel güncellemelerden bazılarını ele alacağız ve son olarak, markaların güncelleme için planlarından bazılarına bakacağız.

Stabilize web uygulamaları

Flutter, platformlar arası geliştirme için genç, ancak iyi bilinen bir çerçevedir. Öncelikli odak noktası, tek bir kod tabanından yerel iOS ve Android uygulamaları oluşturmaktı. Flutter 2, bunu bir adım daha ileri götürür ve tam olarak desteklenen ortamlar listesine web uygulamalarını ekler.

İşletme sahipleri için bu, daha kısa sürede daha da geniş bir kitleye ulaşmak anlamına gelir.

Mühendisler için, tek bir kod tabanının geliştirme sürecini önemli ölçüde kolaylaştırması ve hızlandırması beklenir.

en önemli şey

Flutter'ı çapraz platforma uygulamanın temel gücü, tek bir kod yazarken deneyimi mümkün olduğunca yerel bir uygulamaya yakın tutma yeteneğinin vurgulanmasıydı. Artık web platformları tamamen kararlı hale geldiğinde, Flutter ile zengin, etkileşimli web uygulamaları oluşturmada bir patlama bekleyebilirsiniz.

En son güncelleme öncelikle üç olası uygulama senaryosuna odaklanıyor:

• PWA'lar – mobil ve web'in en iyilerini birleştiren aşamalı web uygulamaları;
• SPA'lar – kullanım sırasında sayfanın yeniden yüklenmesini gerektirmeyen tek sayfalık uygulamalar;
• Mobilden web'e – artık Flutter ile yazılmış hazır uygulamalar kolayca web'e çevrilebilir

Kutuda ne var?

Yeni ve daha iyi olan Flutter 2.0, basit ve sezgisel bir çerçeve gibi görünen şeyin altında etli bir dolguya sahiptir. Web uygulamaları söz konusu olduğunda, en önemli iki teknik özellik şunlardır:

• Oluşturma doğruluğu : CanvasKit tabanlı yeni bir oluşturucunun performansı önemli ölçüde artırması ve mevcut HTML oluşturucuyu desteklemesi bekleniyor.
• Web'e özgü özellikler : özel URL'ler, bağlantı widget'ları, tuval tabanlı metin ölçümleri ve otomatik doldurma, artık Flutter'da kullanılabilen çözümlerden yalnızca birkaçıdır. Flutter'ın web desteği blog gönderisinde tüm yeni işlevler hakkında daha fazla bilgi edinebilirsiniz.

Flutter web uygulamalarında sabırsızlıkla beklenecek daha çok şey var

Web uygulamaları, Flutter'ın platformlar arası cephaneliğine kesinlikle tatlı bir ek olsa da, bu sürümden itibaren hala eksik olan bazı özellikler var. Özellikle “uygulamalarda” biraz daha “web” görmek isteriz. İşte Flutter ekibinin tam olarak isabet ettirmek için hala vakti olduğu önemli eksik noktalardan bazıları:

• SEO ile ilgili çözümlerin eksikliği . “Web” denilince akla ilk gelen şeylerden biri Google ve arama motoru optimizasyonu. WordPress bunu biliyor ve Yoast eklentisini mükemmelleştirmek için oldukça fazla çaba harcadı. Flutter 2, SEO'yu etkinleştirmek şöyle dursun, kolaylaştıracak hiçbir özellik sunmuyor.
  
• İlk web sayfası yükleme süresi . Bir web sayfasının yüklenmesinin ne kadar uzun sürdüğüne gelince, gün gibi açıktır ki ne kadar hızlı olursa o kadar iyidir. Hem müşterilerin hemen çıkma oranı ( Forbes ) hem de Google'ın SEO tercihleri ​​( SEMRush ) bize bir saniye veya daha azının tercih edilen bir yükleme hızı olduğunu söylüyor. Bununla birlikte, Flutter web, web uygulamanızı yüklemeden önce tüm Flutter motorunun açılmasını gerektirdiğinden, yavaşlama eğilimi gösterir ve trafik ağırlaşır.

Yapılması gereken daha çok iş var ve yine de, yalnızca bu güncellemeden bile görebileceğimiz gibi, Flutter ekibi yakın zamanda yavaşlamayı planlamıyor!

Erken sürüm: Masaüstü desteği

Şimdi, bu henüz tam olarak kararlı değil, bu yüzden yol boyunca bazı sürprizlere hazır olun. 21 Mart'ın başlarından itibaren, masaüstünü Flutter uygulamaları için bir dağıtım hedefi olarak ayarlayabilirsiniz. Burada önemli olan Flutter masaüstünün ana dilinden - Dart 2.12'ye son güncellemesi olan Dart'tan pratik olarak ayrılamaz olmasıdır.

Ana Flutter masaüstü özellikleri

Flutter'dan Chris Sells'in vurguladığı gibi, bu "beta anlık görüntüsünün" temel amacı, "metin düzenlemenin desteklenen platformların her birinde yerel deneyim gibi çalışmasını sağlamak" ( Medium ). Bu, metin seçimi döndürme veya TextField widget'ları gibi temel özelliklerle mümkün olur.

Flutter 2'nin getirdiği bir diğer önemli gelişme, geliştiriciler için öğelerin etrafında hareket etme sürecini önemli ölçüde kolaylaştıran ReordableListView'dir . Burada, zahmetsiz bir sürükle ve bırak deneyimi için güncellenmiş bir kaydırma çubuğu ve kullanışlı tutma kolları sayesinde işlevsellik elde edilir.

Bir masaüstü uygulamasını yayınlamak için gereken belgeler de tamamen güncellendi. İlk elden denemek isterseniz – Flutter belgelerindeki tüm yönergelere bakın.

Flutter Folio: Platform uyarlamalı uygulamalar

Flutter'da yerleşik bir uygulamanın potansiyel olarak kapsamayı planladıkları tüm 6 platforma (yani iOS, Android, web, Windows, macOS ve Linux) eşit derecede iyi adapte olmasını sağlamak için scrapbooking uygulaması – Flutter Folio – geldi.

Her boyuttaki ekranda iyi görünen, dokunma, klavye ve fare girişinden yararlanan ve her platformun özelliklerine tam olarak nasıl uyum sağlayacağını bilen bir uygulama örneğidir. Folio'nun kaynak kodu artık GitHub'da mevcut.

Google Mobil Reklamlar: Beta

Dijital pazarlamacıları heyecanlandıracak bir beta sürümü daha! Flutter için Google Mobile Ads SDK'sı, mobil cihazlar için yer paylaşımlı, banner ve yerel reklamlara ayrılmış yeni bir eklentidir. Ad Manager ve Admob'un birleşik desteği, yayıncıdan bağımsız olarak reklamverenler için çok yönlü olmasını sağlar.

Mevcut Flutter işlevlerinin iyileştirilmesi

Flutter, web uygulamalarına ve masaüstü stabilizasyonuna yatırım yapmak için bazı ciddi adımlar atmış olsa da, bu, temelleri unuttukları anlamına gelmiyor. Çerçevenin orijinal bileşenlerinde en çok talep edilen değişikliklerden bazılarına göz atalım.

Flutter, web uygulamalarına ve masaüstü stabilizasyonuna yatırım yapmak için bazı ciddi adımlar atmış olsa da, bu, temelleri unuttukları anlamına gelmiyor. Çerçevenin orijinal bileşenlerinde en çok talep edilen değişikliklerden bazılarına göz atalım.

Flutter ile mükemmel bir çapraz platform çözümü oluşturun

Daha fazla bilgi edin

iOS için daha fazla özellik

En önemli duyuru, çok sayıda istekten sonra Flutter'ın nihayet Xcode'a güvenmek zorunda kalmadan doğrudan komut satırından IPA oluşturma olasılığını eklemiş olmasıdır. Ayrıca, Cupertino tasarım dili uygulaması bazı yeni UI (örn. iOS arama konsolu) ile güncellendi.

Yeni Flutter widget'ları

Bu sürüm, iki yeni widget'ı beraberinde getiriyor: AutocompleteCore ve ScaffoldMessenger. İlki, tam olarak beklediğiniz şeyi yapar ve uzun süredir istenen otomatik tamamlama işleviyle kodlama sürecini basitleştirir. ScaffoldMessenger, SnackBar ile ilgili sorunlara adanmıştır.

Uygulamaya Ekleme örnekleri

Flutter ekibi en başından beri her şeyi düşündü ve yeni bir uygulama geliştirmek şimdilik yapılacaklar listenizde olmasa bile en son güncellemelerinden yararlanmanızı sağladı.

Uygulamaya Ekle, geliştiricilerin kodlarını farklı mobil platformlarda yeniden kullanmalarına olanak tanır. Daha da önemlisi, Uygulamaya Ekle, Flutter kodunu mevcut yerel uygulamalara kolayca eklemeyi mümkün kılarak geliştiricilerin kodlarını farklı mobil platformlarda yeniden kullanmalarına olanak tanır. Flutter 2, statik belleğin maliyetlerini örnek başına 180 kB'ye düşürmek için yeni API'ler kullanır.

Ekosistem güncellemeleri

Flutter'ın arkasındaki asıl amaç, kullanışlı bir çerçeveden daha fazlasını yaratmaktı - temel süreçleri basitleştirerek geliştiricilere daha iyi bir deneyim sunmayı hedefliyorlardı. Bu nedenle , önceki sürümlerde zaten mevcut olan pek çok eklentinin ve aracın kendi yükseltmelerine sahip olması şaşırtıcı olmamalı.

Bu, Core, Authentication, Cloud Firestore ve diğerleri gibi en popüler eklentilerin yanı sıra topluluk tarafından oluşturulan Flutter Plus eklentilerini içerir. Flutter'ın resmi Firebase eklentilerinin tam güncellenmiş listesini burada görebilir ve Flutter topluluğu artı eklentilerini buradan kontrol edebilirsiniz.

Endüstri, Flutter 2.0 sürümüne tepki veriyor

Flutter 2, duyurulmasından bu yana bir haftadan daha kısa bir süre içinde daha deneyimli ve çok amaçlı bir çerçeve olarak ortaya çıkmakla kalmıyor, aynı zamanda bazı büyük uluslararası şirketler zaten uzun vadeli taahhütte bulunmaya karar verdi!

Her şey Ubuntu'nun 3 Mart 2021'de uygulamaları için varsayılan seçenek olarak Flutter'ı benimsediğini duyurmasıyla başladı. Ancak, en gürültülü haber şüphesiz Toyota'nın araç içi bilgi-eğlence sistemleri için Flutter'ı kullanma kararıydı. Ayrıca, Toyota-Flutter işbirliğinin Embedder API'sini kullanacağı için bu projenin sektör için en yenilikçi projelerden biri olduğu söyleniyor.

Flutter gelişmeye devam ettikçe Toyota örneğini takip edecek daha çok marka var. Cevaplanması gereken bir soru daha kaldı.

Flutter 2 ne anlama geliyor?

Her şeyden önce, Flutter 2, başından beri ona inanmayan tüm nefret edenlere zamanında bir yanıttır. Böyle bir cildin ve çok sayıda bağımsız bileşenin yayınlanması, hem Google'ın (Flutter çerçevesinin arkasındaki ana isim olarak) hem de topluluğun yaptıklarına inandığını kanıtlıyor. Rakamlara güvenmiyorsanız ancak bir şeyi benimsemek için gerçek hayattaki sonuçları görmeniz gerekiyorsa - bu güncelleme sizin uyanış çağrınızdır.

Flutter'ın Kotlin Multiplatform'dan (KMM) daha iyi olup olmadığından veya Flutter ile React Native karşılaştırmasında bir şansı olup olmadığından hala emin değilseniz – Flutter 2 tüm şüpheleri ortadan kaldırmalıdır. Ve çerçevenin hala güçlü bir temele sahip olmak için çok genç olduğundan korkuyorsanız, her şey başladığında orada olan Flutter geliştirme şirketine güvenin.

Miquido ile çalışın ve Flutter 2.0'ın tüm potansiyelinden yararlanın!