معرفی ویجت Row در فلاتر

ویجت Row ویجت های موجود در خود را که به آن ها children (فرزندان) این ویجت گفته می شود به صورت افقی نمایش می دهد .

برای دریافت تمام عرض موجود در صفحه می توانید children (فرزندان) Row را به عنوان Child به یک ویجت Expanded نسبت دهید .

این ویجت children (فرزندان) خود را تا جایی که عرض برنامه اجازه دهد به صورت افقی میچیند و اگر نیاز دارید تا children (فرزندان) این ویجت به صورت افقی اسکرول بخورند باید از ListView استفاده کنید و Direction ویجت ListView را برابر با Alignment.horizontal قرار دهید .

ارور زرد مشکی انتهای ویجت Row به چه معناست ؟

زمانی که محتویات ویجت Row بیش از عرض برنامه شما باشد، با اروری شبیه به تصویر زیر روبرو می شوید که در این موارد یا باید children (فرزندان) را کمتر کنید یا طبق دستوری که در بند قبلی توضیح داده شد از ListView استفاده کنید .

راست چین کردن محتوا در Row :

برای راست چین کردن محتوا در Row می توانید از پراپرتی textDirection طبق مثال زیر استفاده کنید :

Row(   
   textDirection: TextDirection.rtl,   
   children: <Widget>[     
   const FlutterLogo(),     
   const Expanded(       
      child: Text(&quotFlutter's hot reload helps you quickly and easily &quot),     
    ),     
   const Icon(Icons.sentiment_very_satisfied),   
 ], 
)

هم چنین می توانید برای مشاهده آموزش راست چین کردن کل برنامه خود در 5 دقیقه این آموزش را مشاهده کنید .

تعیین جهت قرارگیری childrem (فرزندان) در ویجت Row :

برای تعیین جهت قرارگیری children (فرزندان) در ویجت Row می توان از دو ابزار MainAxisAlignment و CrossAxisAlignment استفاده کرد .

پراپرتی MainAxisAlignment :

این پراپرتی جهت افقی children (فرزندان) را در این ویجت مشخص میکند به این صورت که می توانید تعیین کنید children (فرزندان) در ابتدای صفحه ، وسط ، انتها یا با فاصله برابر از یکدیگر در صفحه قرار بگیرند .

پراپرتی CrossAxisAlignment :

این پراپرتی هم برای تعیین جهت قرارگیری children (فرزندان) به صورت عمودی در صفحه کاربرد دارد و می توان تعیین کرد که آن ها در ابتدا، وسط یا انتهای ویجت مادر قرار بگیرند .

برای مشاهده توضیحات کامل این ویجت به صورت ویدیویی می توانید به اینجا سر بزنید یا این آموزش را در وبسایت من به آدرس http://amadaylearn.com مشاهده نمایید .