Flutter ile Web Uygulaması Geliştirmek

Güncelleme tarihi: 30 May 2020

iOS ve Android platformlar için native performanslı mobil uygulamalar geliştirme konusunda son ayların popüler uygulama geliştirme kiti Flutter ile ciddi bir başarı elde eden Google, aynı başarıyı sadece mobilde değil, masaüstü ve web alanlarda da yakalamak istiyor.


Ben de bu yazıda sizlere (daha önceleri Hummingbird olarak da anılan) "Flutter’ın Web Desteği" konusunda bilgiler sunacak ve sade bir kurumsal websitesinin nasıl hazırlanabileceği konusunda ufak ipuçları sunacağım.



Öncelikle bu web desteğinin henüz beta sürümde olduğunu hatırlatmak isterim. Ancak Flutter için paket edinme kaynağı olan pub.dev üzerindeki ihtiyaç duyulabilecek bir çok paketin web desteği için uyumlu hale gelmesiyle, yakın zamanda kararlı sürüme geçileceğini düşünüyorum. (Birkaç hafta önce Firebase ile direk bağlantı kurabilme imkanının sağlanması, bir çok Flutter geliştiricisinin iştahını artırdı)


Flutter web desteği için genel işleyiş şu şekilde: mobil uygulama geliştirmede yaptığımız gibi Dart programlama dili ile uygulamamızı yazmaya başlıyoruz, kodlama bitince “build” ederek, Flutter bizim için HTML, CSS JavaScript vb web dosyalarını oluşturuyor.  


O zaman vakit kaybetmeden hemen başlayalım:

İlk olarak web destekli bir proje oluşturmak için Flutter’ın güncel beta kanalına geçip, ardından web desteğini kendimizde aktif hale getirmemiz gerekiyor. Bunun için aşağıdaki üç komutu kullanıyoruz:


flutter channel beta

flutter upgrade