Kapat
Anasayfa 75 0

Flutter, FittedBox nedir ? Nasıl kullanılır ?

Çoğu Flutter kutularını , düzenleyebilir, üst üste koyabilir ve hatta iç içe geçirebilirsiniz. Ama bir kutu diğer kutuya uymadığında ne olur ?

Bu sorunu çözmek için FittedBox kullanırız. Sadece ona bir child: parametresi ve bir BoxFit koyun.

Container(
    height: 400,
    width: 300,
    color: Colors.red,
    child: FittedBox(
    fit: BoxFit.cover,
    child:Image.network('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg'),
  ),
);

BoxFit, child parametresindeki Widget’ın kendisine nasıl sığdırılacağını açıklar. Alt Widget’larını otomatik olarak ölçeklendirecek veya kırpacaktır.

BoxFit’in bir hizalama özelliği(alignment) de var. FittedBox’ta fazladan boşluk varsa child parametresindeki öğeleri nasıl hizalayacağını ayarlamamızı sağlar.

Container(
    height: 400,
    width: 300,
    color: Colors.red,
    child: FittedBox(
    fit: BoxFit.cover,
    alignment: Alignment.centerLeft,
    child:Image.network('https://flutter.github.io/assets-for-api-docs/assets/widgets/owl-2.jpg'),
  ),
);

Bir yazımızın daha sonuna geldik. Okuduğunuz için teşekkür ederim. FittedBox Widget’ı ile ilgili daha detaylı bilgi için buraya tıklayarak Flutter.dev adresine gidebilirsiniz.

[Toplam: 2   Ortalama: 5/5]
İbrahim_Talha_DEMİR

İbrahim Talha Demir {İbrahim_Talha_DEMİR}