13- Flutter Sayaç Uygulaması Oluşturma – Stateful – setState
Flutter Stateful Sayfa Sayaç Uygulaması
13- Flutter Sayaç Uygulaması Oluşturma – Stateful – setState Read More »
Flutter Dersleri
12- Flutter Stateful Sayfa Oluşturma
İlgili Yazı: Stateful sayfa örneği; Kısa Kısa Hatırlayalım State Nedir? State uygulamamızın o anki görüntüsünü, durumunu temsil eder. Stateful Widget Nedir? State yenilemesi yapma kabiliyetine sahip olan widget’tır. Stateful Widget kullanıldığında sayfamızda veriler üzerinde bir değişiklik olduğunda, state yenilemesi bir nevi sayfa yenilemesi yapılarak güncel veri alınmış olur. Stateful Sayfa Nasıl Oluşturulur? StatefulWidget kullanıldığında mecburen
11- Flutter Sayfa Ekleme
Merhaba Arkadaşlar; Bir önceki dersimizde Stateless Sayfa oluşturduk. Kodlarımızın hepsini aynı sayfa üzerinde yaptık. Ancak bizim bir sürü sayfamız olacaktır. Bütün kodlarımızı aynı sayfa içerisine yazmak anlamsız. iki sayfamız olsun. Ben aşağıdaki gibi isimlendirdim. Uygulamamız main.dart dosyası üzerinden açılacak. Ben ilave olarak design.dart diye bir sayfa oluşturdum. Artık tasarımımı design.dart sayfasında yapıyorum ve main içerisindeki
10- Flutter Stateless Sayfa Oluşturma
İlgili Yazı: Merhaba; Bir önceki yazımızda en basit haliyle bir flutter sayfası oluşturmuştuk. Ancak bu çok basit bir yöntemdi ve bizim daha sonra yapacağımız karmaşık uygulamalarımız için yetersiz. State Nedir? Stateless Nedir? Stateful Nedir? diye detaylara girmiyoruz. Bu detaylar için ilgili yazımızdan ön bilgi almanızı tavsiye ederim. Gitmek için tıklayın. Burada kısaca anımsatarak sayfanın oluşturulmasına
9- Flutter Sayfa Oluşturma
Flutter ile ilk uygulamamızı oluşturuyoruz. Merhaba arkadaşlar; ilk sayfamızı tasarlamaya ve flutter çalışma mantığını anlamaya çalışalım. Bu kodlamaya ben android studio üzerinden devam edeceğim. Biz ilk projemizi oluşturduğumuzda dart dizini diye adlandırdığımız lib klasörü içerisinde main.dart diye bir dosya oluşturulmuştu ve içerisinde sayaç uygulamasını oluşturan kodlar vardı. HATIRLATMA : Bu konuları işlerken Dart Derslerini bitirdiğinizi
8- Flutter pubspec.yaml dosyası
Flutter projemiz içerisinde olan ve bizim için çok önemli olan pubspec.yaml dosyasını inceleyelim. Bu dosya kullanacağımız kütüphaneleri, resimleri, fontları, veritabanı gibi dosyalarımızı belirttiğimiz yerdir. Öncelikle burada eklediklerimizi tanıtıyoruz. Örneğin biz proje içerisinde bir resim klasörü oluşturduk ve içerisine resimler attık. Bu klasörümüzün yolunu burada belirtiyoruz. Aşağıda örneklerle açıklayacağım. Pubspec.yaml dosyasını ilk açtığımızda aşağıdaki resimdeki gibi
7- Flutter Klasör ve Dosya Yapısı
Merhaba arkadaşlar; Bir önceki yazımızda bir Flutter Projesi oluşturmuştuk. Tasarıma başlamadan önce Flutter Projemizin dizinini kısaca bir tanıyalım. Aşağıdaki resim, projemizi ilk oluşturduğumuz anda gelen klasörler ve dosyaları göstermektedir. Flutter’da Dart dosyası nasıl oluşturulur? Projemizin dosyaları içerisinde görüldüğü üzere lib klasörü var. Bu alana dart dizini diyebiliriz. Biz dart dosyalarımızı bu klasörün içerisine oluşturacağız. Oluşturduğumuz
6- Visual Studio Flutter Projesi Oluşturma
Merhaba arkadaşlar; Flutter kodlamalarında daha çok Android Studio kullanılmaktadır. Ancak Microsoft Visual Studionun sade oluşundan dolayı tercih edilebileceğini düşünüyorum. Ben geri kalan yazılarımda her ikisini de kullanmayı düşünüyorum. Daha önceki yazılarımızda Visual Studio Kurulumu ve Android Studio kurulumundan bahsetmiştik. Biz bu kurulumları yaptıktan sonra Dart Derslerine ağırlık verdik ve console uygulamaları yaptık. Şimdi ise gerçek
5- Android Studio Flutter Projesi Oluşturma
Flutter Uygulaması Nasıl Oluşturulur? Merhaba arkadaşlar; Biz Flutter derslerimizi Android Studio üzerinden yapacağız. Önceki yazılarımızda Android Studio kurulumunu ve çıkabilecek hataları detaylı bir şekilde anlatmıştım. Kurulumu yapmak isteyen arkadaşlar için buraya bir link koyuyorum. Android Studio Kurulumu için tıklayın. Biz devam edelim… Android Studio da Flutter Projesi Nasıl Oluşturulur? Android Studio uygulamamı başlatıyorum ve karşımda
4- Flutter SDK kurulumunda çıkabilecek hatalar
Command ı açalım. Windows için Win+r çıkan çalıştır ekranına cmd yazalım ve karşıma dos ekran gelecek. Oraya flutter doctor -v yazın. Hataları burada göreceğiz. Flutter Android sdk hatası HATA : Android sdk hatası, sdk yı nereye kurduysak yer göstericez. flutter config –android-sdk=”C:\sdk\flutter” Flutter No java development kit hatası HATA: No java development kit hatası için