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.
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.
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR