Flutter Wrap Kullanımı

Wrap, Flutter’da çoklu öğeleri saran ve sığdığı kadar çok sıralayan bir widget’dır. Wrap widget’ı, yatay veya dikey olarak genişleyebilen bir alan içinde öğeleri düzenlemek için kullanılır.

Wrap(
spacing: 8.0, // Yatay yönde boşluk
runSpacing: 8.0, // Dikey yönde boşluk
children: [
Container(
color: Colors.blue,
height: 100,
width: 100,
),
Container(
color: Colors.red,
height: 100,
width: 100,
),
Container(
color: Colors.green,
height: 100,
width: 100,
),
Container(
color: Colors.yellow,
height: 100,
width: 100,
),
Container(
color: Colors.orange,
height: 100,
width: 100,
),
Container(
color: Colors.purple,
height: 100,
width: 100,
),
],
)

Bu örnekte, Wrap widget’ı yatay ve dikey yönde boşluklarla birlikte kullanılmaktadır. spacing parametresi ile yatay yönde boşluk miktarı belirlenirken, runSpacing parametresi ile dikey yönde boşluk miktarı belirlenir.

Flutter PageView Kullanımı

×

Wrap içerisindeki children listesindeki öğeler, sırasıyla yatayda sığacak kadar yer olduğunda bir sonraki satıra geçer. Bu sayede, ekranın genişliği ne olursa olsun, öğeler sığdığı kadar sıralanır.

Bu örnek, Wrap widget’ını kullanarak farklı boyutlarda ve sıralamalarda öğeleri esnek bir şekilde düzenlemenize olanak tanır.