Uygulama arayüzünde yatay bir sıralama yapmak için kullanılan Row widget’ı bulunur.

Flutter Row Widget Nedir?

Flutter’da Row widget’ı, yatay bir düzen sağlamak için kullanılır. Row widget’ı, altında sıralanan çocuk widget’ları olan yatay bir widget’lardan oluşur. Row widget’ı, yatay olarak yan yana sıralanan ve ayrı ayrı sıralanabilen widget’lar içerebilir.

Row widget’ı, altında sıralanan her bir widget’ın yüksekliğini alır ve yüksekliği en yüksek olan widget’a uyacak şekilde boyutlandırır. Bu, farklı yüksekliklerdeki widget’lar arasında eşit bir boşluk bırakarak yatay olarak hizalama sağlar. Row widget’ı, diğer widget’larla birlikte kullanılarak daha karmaşık arayüzler oluşturulabilir.

Flutter Row Widget Özellikleri Nelerdir?

Row widget’ı, altında sıralanan widget’ların hizalama, yükseklik ve diğer özelliklerini kontrol etmek için birçok özellik sunar. Bazı önemli özellikler şunlardır:

1. mainAxisAlignment: Yatay olarak hizalamayı kontrol etmek için kullanılır. Row widget’ı altında sıralanan widget’ların başlangıç, orta veya sona hizalanmasını sağlar.
2. crossAxisAlignment: Yatay eksende sıralanmış widget’ların dikey hizalamasını kontrol etmek için kullanılır. Row widget’ı altında sıralanan widget’ların üst, orta veya alta hizalanmasını sağlar.
3. mainAxisSize: Row widget’ının boyutunu kontrol etmek için kullanılır. Row widget’ının içeriği boyunca genişleme veya daralma özelliğini kontrol eder.
4. children: Row widget’ı altında sıralanan widget’ları içeren bir liste.

Flutter Row Widget Kullanımı

Flutter Row widget’ı, yatay olarak sıralanan widget’lar için çok kullanışlıdır. Örneğin, bir yatay menü veya butonlar gibi yatay düzenler oluşturmak için kullanılabilir.

Örneğin, bir Row widget’ı kullanarak basit bir yatay düzen oluşturabiliri

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: <Widget>[
    Text('Merhaba'),
    Text('Flutter'),
    Text('Dünya!'),
  ],
),

Yukarıdaki kodda, Row widget’ı üç farklı Text widget’ını içerir. mainAxisAlignment ve crossAxisAlignment özellikleri, widget’ların yatay ve dikey hizalamasını kontrol edebilirsiniz.