플러터 레이아웃 💫 🌌 ✨

Layout Widget'larının Türleri

Düzen widget'ları, alt öğelerine (child) göre iki farklı kategoride gruplandırılabilir:

• Tek bir çocuğu destekleyen 위젯
• Birden çok çocuğu destekleyen 위젯

단일 하위 위젯(Tek Çocuk Widget'ları)

단일 자식 widget'lar, 버튼, 라벨 vb. gibi tek bir işlevselliğe sahip yüksek kaliteli widget oluşturmak için harika seçeneklerdir.

패딩: Alt widget'nı verilen padding'e (iç dolgu) göre düzenlemek için kullanılır. 부라다 패딩, EdgeInsets sınıfı tarafından sağlanabilir.

Align: Align özelliğinin değerini kullanarak alt widget'ını kendi içinde hizalayın. Align özelliği değeri FractionalOffset sınıfı tarafından sağlanabilir. FractionalOffset sınıfı, ofsetleri sol üstten bir mesafe açısından belirtir.

Ofsetlerin olası değerlerinden bazıları aşağıdaki gibidir:
FractionalOffset(1.0, 0.0) //sağ üst tarafı temsil eder.FractionalOffset(0.0, 1.0) // sol alt tarafı temsil eder.
örnek 코드:

Center(
      child: Container(
        height: 100.0,
        width: 100.0,
        color: Colors.yellow,
        child: Align(
          alignment: FractionalOffset(0.2, 0.6),
          child: Container(
            height: 40.0,
            width: 40.0,
            color: Colors.red,
          ),
        ),
      ),
    );

FittBox: Child widget'ını ölçeklendirir ve ardından belirtilen alana gore konumlandırır.

Aspectratio: 자식 위젯은 소년 또는 소년을 위한 장치입니다.

다중 하위 위젯(Birden çok çocuk widget'ı)

Bu kategoride, belirli bir widget'ın birden fazla çocuk widget'ı vardır ve her widget'ın düzeni benzersizdir.

행 - Çocuklarını yatay bir şekilde düzenlemeye izin verir.

칼럼 - Çocuklarını dikey bir şekilde düzenlemeye izin verir.

ListView - Çocuklarını liste olarak düzenlemeye izin verir.

Gridview - çocuklarını galeri olarak düzenlemeye izin verir.

확장 - Mümkün olan maximum alanı işgal etmek için satır ve sütun widget'ının çocuklarını yapmak için kullanılır.

Tabel - Tablo tabanlı 위젯.