ویجت wrap در #فلاتر (Flutter Wrap Widget)

انتقال ویجت های شلوغ به خط بعدی

اگر قبلا ویدیو Widget of the Week درباره دسته بندی را ندیده اید، پیشنهاد اول فیلم را تماشا کنید.

https://youtu.be/z5iw2SeFx2M


بصورت عادی (بیسیک)

به طور معمول وقتی می خواهید چندین ویجت را به صورت افقی یا عمودی طراحی کنید می توانید از یک ردیف(Row) یا ستون(Column) استفاده کنید.

Row(
  children: [
    MyWidget(),
    MyWidget(),
    MyWidget(),
    MyWidget(),
  ],
),

اما اگر فضای کافی وجود نداشته باشد، محتوای آن بریده می شود و اخطار سرریز زرد و سیاه رنگ را دریافت می کنید.

برای حل این مشکل میتوانید بجای Row از ویجت Wrap استفاده کنید.

Wrap(
  children: [
    MyWidget(),
    MyWidget(),
    MyWidget(),
    MyWidget(),
    MyWidget(),
  ],
),

ویجت Wrap بصورت پیش فرض ویجت های فرزند خود را بصورت افقی می چیند. اما اگر شما میخواهید بصورت عمودی بچینید، می توانید direction را تغییر بدید

Wrap(
  direction: Axis.vertical,
  children: [
    MyWidget(),
    MyWidget(),
    MyWidget(),
    MyWidget(),
    MyWidget(),
  ],
),

خب دوستان به پایان این مطلب مفید رسیدیم. امیدوارم از این مطلب خوشتون اومده باشه.
منتظر مطالب مفید بعدی باشید.