İ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 […]
İ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
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 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
İ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 »
İ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 »
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 Stateful Sayfa Sayaç Uygulaması
13- Flutter Sayaç Uygulaması Oluşturma – Stateful – setState Read More »
İ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
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
