FLUTTER NEDİR?

Telefonlarımızda Android ve ioS olmak üzere iki çeşit işletim sistemi bulunmaktadır. Hepimiz bunlara bir parça aşinayız. Bu işletim sistemlerinde programlar kurmak ve uygulamaları çalıştırmak için aslında temelde farklı diller kullanmamız gerekir.

Android sistemlerinde mobil programlamalar genel olarak Kotlin veya Java gibi dillerde kodlanır. ioS işletim sistemlerinde ise mobil programlamada tercih edilen Swift adında bir dil vardır. Ancak gelişen ve dönüşen dünyayla birlikte artık tek platformda çalışmak bize yetersiz gelmeye başlar. Bundan dolayı platformları birleştirerek ortak bir bilgi akışı sağlamak üzerine düşünülen bir şey olmuştur.

Bu mantıktan yola çıkarak, 2017 yılında Google ‘Cross Platform’ fikrini kendine baz alıp hem Android’te hem de ioS’da çalışabilecek bir mobil platform geliştirmiştir. Flutter ismiyle ortaya çıkan bu yapı son zamanlarda sektörün ilgisini kendisine çekmeye devam etmektedir. Ve gelişen sektörle ilgi daha da fazla bir şekilde Flutter üzerine kaymaya devam edecektir.

Flutter temelde bir SDK yani (Software Development Kit) Yazılım Geliştirme Kit’idir. Android Studio, İntelijIdea ve VS Studio’da kurulumu olduğu gibi online olarak DartPad’de de yazılabilir. Flutter C tabanlı olan Dart dilini kullanır. Java veya C++ gibi dilleri bilen kişiler için Dart diline alışması oldukça kolaydır.

Sektörde ki bir diğer Cross Platform olan yapı Facebook tarafından 2011 yılında yayınlanan React Native’dir. React Native Javascript dilini kullanır ve sektörde oldukça tercih edilen bir yapıdır. Android ve ioS’da ortak olması Cross Platform yapıların öncelikle tercih edilmesini sağlar.

FLUTTER NASIL KURULUR? (ANDROİD STUDIO)

Flutter pek çok IDE’de çalışmaktadır. Bunlardan biri Android Studio’dur. Öncelikle bilgisayarımıza Android Studio’yu kurmamız gerekir.

https://developer.android.com/studio Bu linke tıklayarak Android Studio’yu indirip kurabiliriz. Gerekli SDK dosyalarının kaydedildiği yeri değiştirmemiz gerekir. Eğer başka bir dizinde kaydetmek istersek bilgisayarın SDK yolunu tanıması için Ortam Değişkenlerinde Path yoluna dosya yolunu eklememiz gerekir.

Android Studio’da gerekli indirmeler yaptıktan sonra karşımıza şöyle bir ekran gelecek;

 

İlk sırada olan Create New Project Android Studio’nun kendi programlarını açmak için kullanılan penceredir.

İlk indirdiğinizde aslında ikinci sırada ki Create New Flutter Project olmayacaktır. Onu ekleyebilmemiz için öncelikle sağ alttaki Configure kısmına gelip Plugins’lere tıklayacağız. Oradaki Marketplace alanına Flutter yazdığımızda karşımıza çıkan Language seçeneğini install ediyoruz. Flutter Dart’la birlikte kullanıldığı için bize bir uyarı ekranında onu da indirmemiz gerektiğine dair bir bilgilendirme yapacaktır. Onu da kabul ederek Flutter ve Dart’ın pluginslerini Android Studio’ya eklemiş oluyoruz.

IDE’yi tekrar başlattığımızda açılış ekranımızın artık yukarıda ki gibi olması gerekir. Buradaki Create New Flutter Project kısmına tıkladığımızda ise karşımıza yine şöyle bir ekran çıkmalı;

 

Proje ismimizi istediğimiz şekilde verebiliriz. Sadece ilerleyen projelerde aynı isim vermeye çalıştığımızda kabul etmeyecektir. Buna dikkat etmemiz gerekir.

Hemen altında gelen Flutter SDK Path’i için takip etmemiz gereken önemli adımları aşağıda sizler için listeliyorum. Aslında yapmamız gereken her şey Flutter’ın https://flutter.dev/docs/get-started/install/windows sitesinde bize aşama aşama anlatılıyor. Sayfaya girdiğimizde ilk olarak başta bilgisayarda Flutter için gerekli olan alan ve özellikler yer almakta. Hemen altında ise Anroid Studio’ya kurduğumuz Flutter’ı bilgisayara da kurabilmemiz için bulunan zip dosyasını indirmemiz gerekiyor.

 

 

Üstteki mavi kutucukta bulunan zip dosyasını indirerek indiği dosyadan klasöre ayıkla diyerek C: dizininde bir src dosyasına alalım. C dizinine taşımak önemli çünkü Flutter’ın bilgisayarda nerede olduğunu belirtmek için Ortam değişkenlerinde Path kısmında eklemeler yapmamız gerekir. Aşağıda ki resimden nasıl olması gerektiğini takip edebilirsiniz.

 

 

Bu ekleme adımlarını yapmamızın sebebi yukarıda ki Flutter proje ekranını açtığımızda Android’in Flutter SDK Path’ini doğru bir şekilde bulması içindir. Eğer ortam değişkenlerine eklemezsek Flutter SDK Path doğru yolu bulamaz ve proje açılmaz.

Flutter dosyasını C:/src/ içerisinde dosyasına ekledik. Flutter dosyaları içerisinde de bazı değişiklikler yapmamız gerekecek. Şimdi gelin bunlara bakalım;

 

 

NOT: Ortam değişkenlerine eklediğimiz dosya yolu bin dosyası içerisinde ki yol olması gerekir!

Dosya yolunu ortam değişkenlerine ekledikten sonra flutter_console.bat dosyasını çalıştırıyoruz. Dosya bizim için gerekli kurulumları yapacaktır. Ekranda ki kurulumlar bittiğinde bize Flutter içerisinde kullanacağımız classların adları sıralanır. Burayla işimiz kısa sürecek. Bundan sonra bu kısmı kapatarak Flutter dosyalarının içerisinden çıkabiliriz. Aslında işimizin çoğu kısmı bitmiş durumda. Şimdi sadece karşımıza çıkacak bazı basit kontrolleri yapacağız.

Bilgisayarımızda ki CMD komut istemi gibi kullandığımız başka bir terminal daha var. Git terminali bizim flutter doctor‘u çalıştırmamızı sağlayan terminaldir. Çok basit bir şekilde https://git-scm.com/download/win sitesine girerek bilgisayarımıza uygun olan Git’i indirebiliriz. Daha sonra başlat çubuğuna basarak doğru ve güzel bir şekilde Git terminalini çalıştırabiliriz.

 

 

flutter doctor komutu tam bir doktor olarak çalışarak bize Flutter üzerinde ki hataların olduğu kısımları gösterir. Siz yukarıdakinden farklı olarak toolchain kısmında da android licence altında hata görebilirsiniz. flutter –android licence kısmını git’te çalıştırarak karşınıza gelen tüm lisanları ‘y’ yani ‘yes’e basarak kabul edebilirsiniz.

Eğer bilgisayarınızda VS Code ya da İntellijIdea gibi başka IDE’ler de yüklüyse onlarda da plugin hatası alabilirsiniz. Sizin için önemli olan çalışacağınız IDE’de ki pluginlerin ve hataların halledilmesidir. (Benim bilgisayarımda pluginler indirili olduğu halde yukarıda ki gibi hata vermeye devam ediyor. Update’leri kontrol edebilirsiniz. Yine de proje çalıştığı sürece burada verdiği hatalar bazı durumlarda doğru olmayabilir. Yine de proje açarken hata alırsanız bilgisayarı yeniden başlatmayı deneyin.)

SDK yolunuzu başta ki proje ekranından flutter dosyasını seçerek tamamlayabilirsiniz. Projeleriniz ilk durumda bilgisayar tarafından seçili bir dosyaya kaydedilir. Bunu da istediğinize göre değiştirebilirsiniz. Bundan sonra herhangi bir hata vermediği için Next bölümü aktif olur ve projemizi başlatabiliriz.

Flutter ilk kurulduğu anda biraz geç çalışabilir. Ama zamanla hızlanmaya devam edecektir. Son olarak karşımıza programlanmaya hazır şu ekran gelecektir;

 

 

Bu ekranı gördüyseniz tamamsınız! Geriye sadece emülatörü kurmak kaldı. Bunu da bir sonra ki yazımızda incelemeye devam edeceğiz.