Yazar adı: Mehmet Eser

Flutter Container Widget – Class

2 Yorum / Flutter Widget Class, Flutter Programlama / /

Flutter Container Widget Nedir? Container Widget’ı İçerisine konulan widgetların sayfa üzerinde konumunu, boyutunu ve yine görsel olarak duruşunu özelleştirebilen bir widget’tır, sınıftır. Genel olarak kutu gibi adlandırabiliriz ancak özelleştirebildiğimiz bir çok durumu vardır, kenarlarını yumuşatarak oval bir şekil almasını yada bir digdörtgen şeklinde olmasını sağlayabiliriz. Kapsayıcı bir widget’tır. Flutter Container Widget Özellikleri child, color, height, […]

Flutter Container Widget – Class Read More »

Flutter AppBar Widget

Yorum bırakın / Flutter Widget Class, Flutter Programlama / /

Flutter AppBar Widget Nedir? AppBar uygulamamızın genellikle üst tarafında bulunan ve içerisine araç çubuğu ve genel eylem düğmelerini yerleştirebileceğimiz bir sınıf diğer adıyla widget’tır. Burada genelde menülerimizi, ayar butonlarımızı, profil bilgileri gibi araçlar oluşturabiliriz. AppBarın yerleşim şekli; AppBar Özellikleri leading AppBar’ın en üst sol köşesinde yer alır. Örneğin bu alana açılır bir menü koyabiliriz. title

Flutter AppBar Widget Read More »

Flutter Stateless Widget ve Stateful Widget

Yorum bırakın / Flutter Widget Class, Flutter Programlama / /

İlgili Yazı: Flutter State Nedir? State uygulamamızın o anki görüntüsünü, durumunu temsil eder. Bir widget oluştuğunda eşzamanlı olarak durumu hakkında bilgi alınabilmesi, değiştiğinde bilginin eşzamanlı olarak yansıması state yönetimi ile mümkün olmaktadır. State yenilendiğinde görüntümüzde yinelenir. Burada bir veri değişimi söz konusu olduğunda, state ekrana tekrar bastırılarak güncel görüntü elde edilir. Durum widgetları Sateless Widget

Flutter Stateless Widget ve Stateful Widget Read More »

Flutter Scaffold Widget – Class

Yorum bırakın / Flutter Widget Class, Flutter Programlama / /

Flutter Scaffold Widget Nedir? Material Design tasarımı içerisinde bulunan Scaffold: yapı iskelesi anlamına gelmektedir. Programımızın ana iskeletini oluşturur diyebiliriz. Scaffold içerisinde birçok isimlendirilmiş parametre barındıran bir sınıftır. Scaffold ekranın tamamını kaplayacaktır ve içerisine gerekli tasarımı oluşturmamızı sağlayacaktır. Uygulamamızda kullanabileceğimiz appBar, floatingActionButton, drawer, bottomNavigationBar ve yine sayfamızın gövdesini oluşturduğumuz body kısımları Scaffold’un içerisinde yer alıyor. Aşağıda

Flutter Scaffold Widget – Class Read More »

Flutter Sayfa Oluşturma

9- Flutter Sayfa Oluşturma

4 Yorum / Bölüm 3 - Flutter Sayfa Oluşturma, Flutter Dersleri, Flutter Programlama / /

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

9- Flutter Sayfa Oluşturma Read More »

Flutter Widget Nedir

Flutter Widget Nedir?

Yorum bırakın / Flutter Widget Class, Flutter Programlama / /

Dart Dersleri AnaSayfa Flutter Dersleri AnaSayfa Flutter Widget – Class Nedir? Widgetlar Flutter frameworkunun merkezi sınıf hiyerarşisidir. Kaynak: api.flutter.dev Burada demek istediğim flutter mimarisi iç içe geçmiş widgetlardan, sınıflardan oluşur. Flutter Herşey bir Widget – Evereything is a Widget sloganını kullanıyor. Gerçekten de flutter da tasarımlarımızı widget üzerine kuruyoruz. Buradaki widget bizim telefonlarımızda yüklediğimiz widget anlamına gelmiyor. Flutter

Flutter Widget Nedir? Read More »

8- Flutter pubspec.yaml dosyası

Yorum bırakın / Bölüm 2 - Flutter Projesi Oluşturma, Flutter Dersleri / /

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

8- Flutter pubspec.yaml dosyası Read More »

7- Flutter Klasör ve Dosya Yapısı

Yorum bırakın / Bölüm 2 - Flutter Projesi Oluşturma, Flutter Dersleri / /

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

7- Flutter Klasör ve Dosya Yapısı Read More »

Visual Studio Flutter-Proje Oluşturma

6- Visual Studio Flutter Projesi Oluşturma

Yorum bırakın / Bölüm 2 - Flutter Projesi Oluşturma, Flutter Dersleri, Flutter Programlama / /

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

6- Visual Studio Flutter Projesi Oluşturma Read More »

Android Studio Flutter Projesi Oluşturma

5- Android Studio Flutter Projesi Oluşturma

Yorum bırakın / Bölüm 2 - Flutter Projesi Oluşturma, Flutter Dersleri, Flutter Programlama / /

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

5- Android Studio Flutter Projesi Oluşturma Read More »