Flutter Programlama

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 »

Flutter TextField İçerisine Girilen Veriyi Okuma

TextField Girilen Veriyi Okuma Kullanma – Controller

İlgili Yazı: Merhaba Arkadaşlar; TextField kullanıcıdan veri alıp onu kullanabilmemiz için oldukça işe yarayışlı bir widget. İlgili yazıda TextField Nasıl oluşturulur ve nasıl tasarım yapılır hakkında bir yazımız var. Burada sadece uygulamaya odaklanıyorum. Ne yapıyoruz? Bir TextField oluşturup içerisine girdiğim yazının, butona tıkladığımda üst taraftaki Text içerisinde gösterilmesi; Hadi Yapalım Öncelikle Stateful Widget alt yapısında

TextField Girilen Veriyi Okuma Kullanma – Controller Read More »

TextField İçerisine Türkçe Karakter Girememe Sorunu

Flutter TextField Türkçe Karakter Girememe Sorunu

İlgili Yazı: Merhaba Arkadaşlar; TextField’a klavyeden Türkçe karakter giremiyoruz. Klavyemizi varsayılan olarak ingilizce görüyor. Bunun için Emulatörde klavye bölümünde setting kısmında add keyboard kısmına girip Türkçe klavye ekleyebilirsiniz ve gerektiğinde Türkçe karakteri emulatör üzerinden mouse yardımı ile girebilirsiniz. Ayrıca Android Studio içerisinde File ->Settings ->FileEncodings kısmında UTF-8 seçili olmalıdır. Arama kısmına direkt olarak File Encodings

Flutter TextField Türkçe Karakter Girememe Sorunu 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 »