Ekran tasarımı karmaşıklaştıkça “_build” fonksiyonu da uzayacaktır. Böyle olması durumunda da bir yerde değişiklik yapacağımız zaman o kısmı bulmakta zorlanabiliriz. Bunun önüne geçmek için en iyi yöntem, “_build” fonksiyonunu alt fonksiyonlara parçalamaktır. Örneğin, aşağıdaki gibi bir kod düşünelim. ana_sayfa.dart Yukarıdaki kod parçasında gösterilen sayfa, içinde “Ana Sayfa” yazan bir AppBar ve ‘body’ olarak da Center […]
Aşağıda gördüğünüz, seçim yapmaya yarayan yapı genel olarak “Radio Button” ifadesiyle tarif edilir. Flutter’da ise bu yapıya kısaca Radio denir. Radio‘nun da Switch ve Checkbox ile benzerlikleri olsa da mantığı biraz farklıdır. Radio da iki değerden birini alır, ya seçilidir ya da seçili değildir. Ancak burada Switch ve Checkbox‘tan farklı olarak, bir Radio‘nun seçili olması,
Aşağıdaki görselde yer alan yapıya Checkbox adı verilir. Şimdi bu yapının Flutter’da kullanımına bakalım. Switch‘le hemen hemen aynı kodları yazacağız. ana_sayfa.dart Switch‘ten farklı olarak “_acikMi” değişkeninin ismini “_seciliMi” olarak değiştirdik ki tahmin edebileceğiniz gibi değiştirmesek de olurdu. Aynı şekilde fonksiyonun da ismini değiştirip “_checkboxDegisti” yaptık o kadar, fonksiyonun gövdesi de, “value” ve “onChanged” parametreleri de
Birçok mobil uygulamada aşağıdaki gibi bir açma kapama düğmesi görmüşsünüzdür. Bu düğmeye Switch adı verilir ve ya açıktır ya da kapalıdır. Mantığı kadar kullanımı da basittir. ana_sayfa.dart Yukarıdaki kodda ekranın tam ortasında bir Switch oluşturduk. Switch‘in iki çok önemli parametresi vardır. Bunlardan birincisi “value“dur. “value”, Switch‘in o anda açık olup olmadığı değerini tutar. Biz de
Eğer Android Studio’yu ve Flutter eklentisini başarılı bir şekilde kurabildiyseniz, Android Studio’yu tekrar açtığınızda karşınıza aşağıdaki gibi bir ekran gelecektir. Buradan “Create New Flutter Project” seçeneğini seçiyoruz ve ilerliyoruz. Ardından bize ne tür bir Flutter projesi oluşturmak istediğimizi soracaktır. Biz “Flutter App (Flutter Uygulaması)” oluşturacağız, o yüzden en baştaki seçeneği seçiyoruz. Eğer Flutter’ın kurulu olduğu
Flutter Projesi Oluşturma Read More »
Uygulamamızı oluşturduk ama henüz çalıştıramıyoruz. Yazdığımız Flutter kodlarının yansımasını canlı olarak görebilmemiz için bir emülatöre ihtiyacımız var. İlk adım olarak Android Studio’nun üst kısmındaki menüden “Tools -> AVD Manager” seçeneğine tıklıyoruz. Aşağıdakine benzer bir ekranla karşılaşacağız. Burada da ortaki “Create Virtual Device…” butonuna tıklıyoruz. Bu kez karşımıza aşağıdaki gibi bir ekran çıkacaktır. Bu adımda oluşturmak
Dart dilinde kod yazabilmek için bir IDE’ye, yani geliştirme ortamına ihtiyacımız var. Yazılım geliştirme ortamları İngilizce “Integrated Development Environment” kavramının kısaltması olan “IDE” kelimesiyle anılır. Bizim Dart dilinde kod yazmak için kullanacağımız IDE ise Visual Studio Code’dur (VSCode). VSCode, nispeten düşük boyutlu ve hızlı, pratik bir IDE’dir. VSCode’a ekleyeceğiniz eklentiler sayesinde Python, Javascript, C, C++
Visual Studio Code Kurulumu Read More »
Mobil uygulama geliştirmeye başlamadan önce, Flutter’ı kullanabilmemiz için bazı yüklemeler yapmamız gerekli. Her şeyden önce Flutter SDK’e ihtiyacımız var ama henüz Dart öğrenmeye başlarken, “Flutter ve Dart SDK Kurulumu” başlığı altında Flutter SDK’ini kurmuştuk. Şimdi, ihtiyacımız olan geliştirme ortamını, yani Android Studio’yu kuracağız. Android Studio’yu kullanacak olmamız, tabii ki sadece Android uygulama geliştireceğimiz anlamına gelmiyor.
Android Studio Kurulumu Read More »
Bilgisayara bir geliştirme ortamı (IDE) kurmadan önce, Dart programlama dilini kullanabilmemiz için ihtiyacımız olan geliştirme kitini (SDK) indirmemiz gerekli. Başlangıç seviyesi için DartPad yeterli olacaktır, eğer devamlı internete bağlanmakla ilgili bir sorununuz yoksa DartPad’i kullanabilirsiniz, DartPad’i kullanmak için bilgisayarımıza SDK kurmamıza gerek yok. Ancak geliştirmeyi bilgisayarınızda yapmak istiyorsanız SDK kurulumunu yapmanız gerekli. Kaldı ki Nesne
Flutter ve Dart SDK Kurulumu Read More »
Geliştirici Hesabı Açma Tarayıcımızda “https://play.google.com/apps/publish” adresini açıyoruz. Google hesabımıza giriş yaptıktan sonra, eğer daha önce bir geliştirici hesabı açmadıysak karşımıza şu şekilde bir ekran gelecektir: Gerekli bilgileri doldurduktan sonra “Hesap oluştur ve öde” butonuna tıklıyoruz. Ardından ödeme ekranı karşımıza gelecektir. Sayfadaki uyarıda da belirtildiği gibi Google Play’e uygulama yüklemek için tek seferlik olmak üzere 25$
Uygulamayı Play Store’a Yükleme Read More »
