Flutter Expanded Widget Nedir? Örnek

Expanded widget’ı, diğer widget’ları genişletmek veya daraltmak için kullanılır. Expanded widget’ı, bir Row veya Column widget’ı içinde kullanılır ve altındaki widget’ların boş alanı kullanmasına izin verir. Bu, widget’ların eşit bir şekilde boyutlandırılmasını sağlar ve birden fazla widget’ın tek bir satırda veya sütunda görüntülenmesini kolaylaştırır.

Expanded widget’ı, Row veya Column widget’larından herhangi birine eklenerek kullanılabilir. Expanded widget’ı, kullanıcının belirli bir widget’ın boyutunu genişletmesine veya daraltmasına izin vererek widget’ların arasındaki boşluğu azaltır veya artırır.

Flutter Expanded Widget Özellikleri Nelerdir?

Flutter Expanded widget’ı, diğer widget’ların genişlemesi veya daraltılması için kullanılmasına izin veren birçok özellik sunar. Bazı önemli özellikler şunlardır:

  1. flex: Expanded widget’ın genişlemesini veya daralmasını kontrol etmek için kullanılır. flex, bir widget’ın büyüklüğünü diğer widget’larla karşılaştırarak widget’ın nasıl genişlemesi veya daraltılacağını belirler.
  2. child: Expanded widget’ın içinde görüntülenecek olan widget.

Flutter Expanded Widget Kullanımı

Flutter Expanded widget’ı, bir Row veya Column widget’ı içinde kullanılarak diğer widget’ların genişlemesi veya daraltılması için kullanılır. Aşağıda, bir Column widget’ı içinde Expanded widget’ının nasıl kullanılacağına dair bir örnek verilmiştir.

Column(
  children: <Widget>[
    Expanded(
      flex: 1,
      child: Container(
        color: Colors.red,
        height: 100,
      ),
    ),
    Expanded(
      flex: 2,
      child: Container(
        color: Colors.green,
        height: 100,
      ),
    ),
    Expanded(
      flex: 3,
      child: Container(
        color: Colors.blue,
        height: 100,
      ),
    ),
  ],
)

Yukarıdaki kodda, Column widget’ı altında üç Expanded widget’ı bulunur. Her Expanded widget’ı, farklı bir renkte bir Container widget’ını içerir. Expanded widget’larına verilen flex özelliği, widget’ların nasıl genişletileceğini veya daraltılacağını belirler. flex özelliği, widget’ların boyutunu belirler ve bir widget’ın diğer widget’lara göre ne kadar genişleyeceğini veya daralacağını kontrol eder.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir