widget

TextField Widget

Flutter TextField Widget – Class

İlgili Yazı Flutter TextField Nedir? Kullanıcının donanım klavyesinden veri girebileceği metin alanıdır. Flutter yapısı içerisinde bulunan bir widget diğer adıyla bir sınıftır. TextField Widget Nasıl Kullanılır? Textfield Widget’ı oluşturmak için bir Stateful Widget kullanıyorum, amacım zaten veri almak olduğu için anlık olarak bu veriyi kullanmak istiyorum. Bu yüzden bu şekilde başladım. Aşağıda kodlarını verdim. Aşağıda […]

Flutter TextField Widget – Class Read More »

TextStyle Widget

Flutter TextStyle Widget – Class

İlgili Yazı: Merhaba Arkadaşlar; TextStyle Widget Metin biçimlendirmek için kullanılan çok önemli bir widget’tır. Metin üzerindeki tasarımımızı bu widget sayesinde yapıyoruz. Burada kullanacağımız widgetlar ilgili yazıda verilmiştir. Öncelikle bir Container Widget içine Merhaba Flutter yazalım ve görüntüyü görelim. Üzerinde değişiklikler yapalım. Mor bir container içerisine Merhaba Flutter yazdık ancak çok küçük boyutta oldu ve rengi

Flutter TextStyle Widget – Class Read More »

Text Widget

Flutter Text Widget – Class

İlgili Yazı: Yazı yazmak için kullanılan widget’tır. style: parametresine TextStyle( ) widget verilerek yazının tasarımı ile ilgili birçok değişiklik yapılabilir. Text Widget Kullanımı Önce en önemli özelliği olan style: parametresine bakalım. Bu parametre bizden TextStyle widget’ını istiyor. Örnek olarak yazının fontunu büyütmek için; Yazı çok uzun olacağı için TextStyle Widget‘ını ayrı bir yazıda yazdım. Eğer

Flutter Text Widget – Class Read More »

Color Widget Nedir?

Flutter Color Widget – Class

Renklendirme yapmak için kullanılan widget’tır. Genel olarak diğer widgetların içerisinde özellik olarak verilir. Color Widget Nasıl Kullanılır? Genel olarak color: parametresine renk atamak şeklinde olur. color: parametresine sahip widgetlar için; color: Colors.blue, şeklinde ana renkleri verebiliriz. Aşağıda bir Container ekledik. Rengini color: Colors.deepOrange, verdik. Yukarıdaki Container’ın içerisine aynı renkte daha küçük bir Container ekleyip renk

Flutter Color Widget – Class Read More »

Flutter Column Widget – Class

Flutter Column Widget Nedir? İçerisine aldığı widgetların dikey bir şekilde konumlanmasını sağlayan kapsayıcı bir widget’tır. Sütun anlamına gelir. En önemli özelliklerinden biri içerisinde bulunan childeren[ ] parametresi ile içerisine birden fazla widget alabilmesidir. Flutter Column Widget Özellikleri Flutter Column Widget Nasıl Kullanılır? Örnekler… Flutter Column Widget childeren[] Özelliği liste yapısı sayesinde içerisine birden fazla widget

Flutter Column Widget – Class Read More »

TextField içerisine girilen verinin anında güncellenmesi

TextField Yazının Anında Güncellenmesi – onChanged

İlgili Yazı: Merhaba Arkadaşlar; TextField içerisine kullanıcıdan veri alabilen önemli widgetlardan biridir. İlgili yazımızda TextField hakkında detaylı bilgi verilmektedir. Burada uygulamaya odaklandık. Ne Yapıyoruz? Bir TextField oluşturuyoruz ve içerisine girdiğimiz karakterlerin anında üst tarafına koyacağımız bir Text içerisinde gösterilmesi. Hadi Yapalım Öncelikle Stateful Widget alt yapısında oluşturuyoruz. İçerisindeki veriyi alıp güncelleme işlemleri için SetState metodu gerekiyor ve buda bu

TextField Yazının Anında Güncellenmesi – onChanged Read More »

FloatingActionButton Nedir? Nasıl Kullanılır?

Flutter FloatingActionButton (FAB) Widget – Class

Uygulamalarda çok sık gördüğümüz bir buton türü olan FloatingActionButton, FAB buton, diye de adlandırılır. Türkçeye kayar yüzer buton olarak çevirebiliriz. Float yüzmek anlamına gelir. Scaffold içerisinde floatingActionButton parametresine verilerek kullanılır ve diğer widgetlar bu butonu etkilemez. Ekranda sabit olarak kalır. Ekranın farklı noktalarına yerleştirilebilir. Farklı şekillerde ve renklerde oluşturulabilir. Aşağıda görselini attığım buton türüdür. FloatingActionButton

Flutter FloatingActionButton (FAB) Widget – Class Read More »

Flutter Row Widget – Class

Flutter Row Widget Nedir? Widgetları içerisine yan yana alan kapsayıcı bir widgettır. Satır Anlamına gelir. En önemli özelliklerinden biri içerisinde bulunan childeren[ ] parametresi ile yan yana birden fazla widget alabilmesidir. Flutter Row Widget Özellikleri Burada çok özet listeledim ancak aşağıda örnekleri ile açıkladım. Flutter Row Widget Nasıl Kullanılır? Örnekler… Flutter Row Widget childeren[] Özelliği

Flutter Row Widget – Class Read More »

Flutter Container Widget – Class

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 Stateless Widget ve Stateful Widget

İ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 »