[Google IO 2018] Flutter Beta 3 Çıktı ve Her zamankinden Daha Güçlü

Yayınlanan: 2018-05-15

Platformlar arası uygulama geliştirme dünyası büyük ölçüde React Native çerçevesine odaklanmış olsa da, zaman değişti.

Flutter'ın duyurulması ve beta lansmanının uygulanmasından bu yana, uygulama geliştirme topluluğunda tur yapma fikrinin - Flutter uygulamalarının React Native'den daha iyi olduğu - küresel olarak kabul edilen bir gerçek haline geldiği açıkça ortaya çıktı.

Platformlar arası SDK, Flutter ve React Native 2018 yarışında onu zirveye taşıyan bir dizi özellikle piyasaya sürüldü.

İşte Flutter uygulamalarına gömülü olan farklılaştırıcı faktörlerden bazıları:

  • Sıcak Yeniden Yükleme

Bu, Flutter'ın en güçlü özelliklerinden biridir. Bunu kullanarak, kodda yaptığınız değişikliklerin etkisini anında ekranda görebilirsiniz.

Sıcak yeniden yükleme, platformlar arası mobil uygulama geliştirmeyi çok daha akıllı ve hızlı hale getirir.

  • Komple Malzeme Tasarımı Widget'ları seti

Flutter, yerleşik Kullanıcı Arayüzü bileşenlerinin harika bir kataloğuyla birlikte gelir. SDK'larına iki tür widget eklediler - Android için Materyal Tasarımı ve iOS için Cupertino. Geliştiriciler, bunlardan birini seçme ve platformlar arasında dağıtma özgürlüğüne sahiptir.

  • Tüm SDK, bir Widget kümesidir

Flutter uygulamalarının temel ilkesi, her şeyi bir widget yapmaktır. Uygulama sınıfı bir pencere öğesidir (MaterialApp), tüm düzen yapısı pencere öğesidir (İskele) ve genellikle her şey bir pencere öğesidir (Drawer, AppBar, SnackBar). Aslında, görünümü merkeze değiştirmek için bir widget var.

  • iOS ve Android için Farklı Tema

Flutter, Android ve iOS'a özel widget'lar, renkler ve boyutlarla birlikte gelen farklı temalarla birlikte gelir.

Platforma özel temalar tarafından desteklenen her Flutter uygulamasının yerel bir görünümü ve hissi vardır.

  • Çoklu Paket Desteği

Beta sürümünde bile Flutter, bir dizi paketin desteğine sahiptir. HTTP istekleri yapmak, görüntüleri açmak, tercihleri ​​depolamak, içerik paylaşmak, Firebase'i uygulamak, sensörlere erişmek ve çok daha fazlası için ayrı paketler vardır.

[Flutter ve onu React Native'den daha iyi yapan şeyler hakkında daha fazla bilgi edinin: Flutter: Google I/O 2018'de Popülerleştirilecek Beta'ya Ayrıntılı Bir Bakış ]

Mart 2018'de Mobil Dünya Kongresi'nde kullanıma sunulan Flutter beta sürümü, bir dizi markanın hem iPhone hem de Android'de, her ikisi de Flutter kullanan yüksek yerel bir görünüme sahip olmalarını sağladı.

Lansmanından bu yana, Mağazalarda Flutter'ın gücüyle desteklenen bir dizi uygulama yayınlandı. Sadece I/O 2018'den bu yana artacak olan bir sayı.

Flutter Beta 3.0, I/O 2018'de Başlatıldı

Flutter Beta 3.0 Launched in IO 2018

Google I/O 2018'de teknoloji devi, Flutter üzerinde platformlar arası uygulama geliştirmeyi daha da özelleştirilebilir ve kullanışlı hale getiren bir dizi yeni özellikle birlikte Flutter Beta 3'ün kullanıma sunulduğunu duyurdu.

İşte Flutter Beta 3'te tanıtılan özellikler –

Yeni sürüm, temel olarak üç bileşene odaklanıyor: Temel, Ekosistem ve Araçlar.

Temel Bilgiler alanında

Özelleştirme ve esneklik düzeyini artırmak için Flutter Beta 3'teki Materyal Tasarımı widget'larında bir dizi değişiklik yapıldı –

  • BottomAppBar bileşeni eklendi
  • Chips desteği iyileştirildi ve genişletildi
  • InputDecorator artık altı çizili/dolgulu ve anahatlı modunu destekliyor
  • Slider ile daha fazla renk ve şekil özelleştirmesi
  • FloatingActionButton ile konumlandırma esnekliği

Bunların yanı sıra, Flutter Gallery Uygulamasında yeni Backdrop demosu, güncellenmiş metin alanları, OutlineButton için demo demosu ve özelleştirilmiş seçim göstergesi gibi bir dizi değişikliği sergilemek için bir dizi değişiklik yapıldı.

Bunun dışında Flutter, Flutter kullanan uygulamalar için erişilebilirlik desteğinde büyük metin, ekran okuyucuları ve kontrast yeteneklerini geliştirmeyi içeren bir dizi iyileştirme ile birlikte gelir.

Ayrıca, Flutter ile işletmeler artık sağdan sola dil komut dosyalarında uygulamalar bile yapabilirler.

Ekosistem alanında

Google I/O 2018'in en büyük duyurusu Flutter Beta 3 – Remote Config, Performance Monitoring ve Cloud Firestore'daki Firebase eklentileri paketine tam özellikli yeni bir eklenti seti eklendi. Flutter'ın AdMob Google tarafından desteklenen reklamlar için sunduğu destek, geliştiricilerin Flutter tabanlı uygulamalarından para kazanmalarını sağlayacak beta sürümüne doğru ilerliyor.

Yeni AdMob eklentisi, AdMob API yardımıyla banner, geçiş reklamı ve ödül tabanlı video reklamların yüklenmesine ve görüntülenmesine yardımcı olur.

Takımlama ile ilgili olarak

Flutter, otomatik olarak oluşturulan widget'ları filtreleyen yeni "Just My Widgets" özelliğiyle UI Inspector'ı yeniden tasarladı. Geliştiriciler, Flutter uygulamalarını, bellek kullanımı ekranlarını ve saniye başına kare sayısını ekleyen profil modunda bile çalıştırabilir.

Ayrıca, Visual Studio Code, Flutter için tam destekli geliştirme ortamı olarak geliştirilmektedir. Bunların yanı sıra, hem Visual Studio hem de Android Studio için piyasaya sürülen bir diğer dikkate değer özellik, geniş bir yeniden düzenleme setinden oluşuyor. Ayrıca, yeni Widget sınıfı oluşturmaya ve yerel konumda yapıcısına bir çağrı eklemeye yardımcı olan bir Extract Widget refactor'u içerir.

Bu sürüm ve gelecek sürümler için Google, yenilikçi tasarımın gücünü Android ve iOS için güzel kullanıcı arayüzü dünyasına getirmek için Flutter ile Materyal Tasarımı iş birliği yaptı.

Flutter ve Material Design kombinasyonuna daha yakından bakalım.

Malzeme Teması ile Flutter'ı daha iyi hale getirin

Flutter ve Material Design ile Güzel Tasarım Kodlama konulu Google I/O 2018 oturumu, Flutter ve Material Design bir araya getirildiklerinde nasıl etkileyici, geliştirilmiş ve geliştiricilerin üzerinde çalışmaktan keyif aldıkları bir uygulama oluşturduğunun tanıtımıyla başladı.

Flutter, Materyal Tasarımı ilkelerine göre tasarlanmış kaydırma, kapsayıcılar ve liste görünümleri gibi geniş bir widget kitaplığı ile birlikte gelirken, Google I/O 2018 bu sefer Materyal Tasarımı ile ilgili yeni bir şey duyurdu – Material Theming.

Materyal teması, marka imajınızı mobil uygulama tasarımının tamamında uygulamanıza yardımcı olur. Şekil, tipografi, renk ve animasyon eğrilerine kadar her şey, marka görünümüne tam olarak uyması için özelleştirilebilir hale getirildi. Renk paletini ve tipografi temalarını seçebilir veya Flutter uygulamanızda kendi temanızı oluşturmak için tasarımın şeklini değiştirebilirsiniz.

Flutter'ın bundan böyle Materyal Tasarımında bir platform olduğunu duyurmak için dışarı çıktılar. Şu andan itibaren malzeme bileşenleri, malzeme araç takımı ve malzeme yönergeleri aracılığıyla iOS, Android, Flutter ve Web belgeleri.

Materyal Tasarımının Flutter ile eklenmesinin nedeni, Materyal Tasarımı yönergeleri yayınlandığında, markaların bunları dini olarak takip etmeye ve uygulamaya başlaması ve bu da bir dizi benzer görünümlü uygulamayı doğurmasıdır. Bunu çözmek ve tüm Flutter uygulamalarına bir bireysellik dokunuşu eklemek için Google, Flutter Beta 3'e Material Theming'i tanıttı.

Materyal Tasarımı ile güçlendirilen Flutter uygulamaları, özelleştirilebilir düzenleri, widget'ları ve temalarıyla Etkileyici hale getirilmiştir. Geliştirilmiş – metin alanı ve arka plan gibi yeni stil ve bileşenlerle. Keyifli – bileşenlerin genişletilebilirliğini sunarak.

Materyal Tasarımı ve Flutter SDK kombinasyonunu kullanarak, hem Android hem de iPhone'da bir dizi uygulama geliştirildi ve yayınlandı.

Flutter ile Oluşturulan Uygulamalar Listesine Bir Bakış

List of Apps Built With Flutter

  • Alibaba – e-Ticaret Uygulaması
  • Google AdWords – Reklam Kampanyası Yönetim Uygulaması
  • AppTree – Kurumsal Uygulama
  • Topline – Eğlence Uygulaması
  • Huş Finans – Finans Uygulaması
  • Kendinize Koçluk Edin – Yaşam Tarzı Uygulaması
  • Google Greentea – Kurumsal Uygulama
  • Hamilton Müzikali – Eğlence Uygulaması
  • Hookle – Sosyal Medya Yönetim Uygulaması
  • OfflinePal – Turizm Uygulaması
  • VivaBem Pol – Sağlık ve Refah Uygulaması
  • BetaBubs – Anında Mesajlaşma Uygulaması