Senaryo: Bir kullanıcının profiline tıkladığında, profili genişleyen bir şekilde açılsın ve kapansın. Bu senaryoyu gerçekleştirmek için AnimatedContainer Widget’ını kullanabiliriz. AnimatedContainer, kendisine verilen özelliklerde (width, height, padding, margin, color vb.) ani…
Yorum BırakFlutter’da Wrap widget’ı, diğer widget’ları sığdıramadığınız zamanlarda veya farklı boyutlardaki widget’ları bir araya getirip düzenlemek istediğinizde kullanabileceğiniz bir widget’tır. Wrap widget’ı, belirli bir eksen üzerinde, satırlara veya sütunlara bölünmüş çocuk…
Yorum BırakFlutter’da, bir Widget’ın boyutunu, yalnızca kendisini veya çocuklarını kullanarak belirlemek bazen yeterli olmayabilir. Bu durumda, Flutter’da Expanded Widget’ını kullanabilirsiniz. Bu Widget, belirli bir alanı doldurmak için mevcut tüm boşlukları kullanır.…
Yorum BırakFlutter SafeArea Nedir? Flutter SafeArea, uygulamalarımızda kullanıcıların içeriğe müdahale etmeden cihaz ekranındaki boşluklardan kaçınmamızı sağlayan bir widget’dır. SafeArea widget’ı, cihazın üst, alt, sol ve sağ kenarlarına göre içeriğimizi otomatik olarak…
Yorum BırakFlutter’da Column widget’i, dikey yönde sıralı bir dizi widget oluşturmak için kullanılır. Row widget’i ile benzer şekilde, Column widget’i de çocuk widget’lerini yatayda hizalayabilir ve farklı özelliklerle şekillendirebilirsiniz. Bu makalede,…
Yorum BırakFlutter CircleAvatar widget, genellikle kullanıcının profil resmini veya bir kişinin temsilini göstermek için kullanılan daire şeklinde bir resim görüntüler. İşte CircleAvatar kullanımına örnekler: Temsil Görseli
|
1 2 3 4 |
CircleAvatar( backgroundImage: AssetImage('assets/images/user.png'), radius: 50, ), |
İnitial Harf
|
1 2 3 4 5 |
CircleAvatar( child: Text('TK'), backgroundColor: Colors.deepPurple, foregroundColor: Colors.white, ), |
Ağ…
Yorum BırakBasit bir Container widget’i oluşturarak arkaplan rengini belirleme:
|
1 2 3 |
Container( color: Colors.blue, ) |
Container widget’ini bir resimle doldurma:
|
1 2 3 4 5 6 7 8 |
Container( decoration: BoxDecoration( image: DecorationImage( image: AssetImage('assets/images/my_image.jpg'), fit: BoxFit.cover, ), ), ) |
Padding eklemek için Container widget’ini kullanma:
|
1 2 3 4 |
Container( padding: EdgeInsets.all(16.0), child: Text('Merhaba Flutter!'), ) |
Kenar boşlukları eklemek için Container widget’ini kullanma:
|
1 2 3 4 |
Container( margin: EdgeInsets.symmetric(vertical: 16.0), child: Text('Merhaba Flutter!'), ) |
…
Yorum BırakFlutter, Google tarafından geliştirilen açık kaynaklı bir mobil uygulama geliştirme framework’üdür. Flutter, kullanıcı arayüzü tasarımı için birden fazla widget sağlar ve bunlardan biri de “Container” adlı widget’dır. Container, bir kutu…
Yorum BırakFlutter Uygulamaları Gerçek Cihazda Nasıl Çalıştırılır. ? Bugün Flutter üzerinde biraz duracağız. Günümüzün popüler mobil platform altyapılarından biri olan Flutter için telefonumuzu nasıl mükemmel biçimde kullanabiliriz ondan bahsedeceğim. Adım 1…
Yorum Bırak