کار با Column در Flutter

Column یک ویجت هست که تمام اجزایی که داخل آن قرار میگیرند و بصورت عمودی نمایش می دهد و شما به هیچ وجه نمیتونید عناصر صفحه و کنار هم نمایش دهید طبیعتا اگر تعداد آیتم های شما زیاد هست و نیاز به اسکرول دارید باید از لیست ویو استفاده کنید چون Column قابلیت اسکرول ندارد.
به مثال زیر دقت کنید, در این جا ما سه تا متن یا Text و به ترتیب زیر هم دیگه قرار میدهیم برای ساخت صفحه اپلیکیشن خودمون.
Column( children: <Widget>[ Text('Item 1'), Text('Item 2'), Text('Item 3'), ], )
یک ویژگی مهمی که column داره و زیاد از آن ما استفاده می کنیم crossAxisAlignment هست. با استفاده از ویژگی crossAxisAlignment ما میتونیم محل قرار گیری ویجت خودمون و تعیین کنیم برای مثلا از محور سمت چپ یا راست شروع بشه یا حتی از وسط صفحه.
Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text('Item 1'), Text('Item 2'), Text('Item 3'), ], )
CrossAxisAlignment.start ویجت و در سمت چپ قرار میدهد

CrossAxisAlignment.end ویجت و در سمت راست قرار می دهد

ویژگی مهم بعدی MainAxisAlignment هست که چینش عناصر داخلی Column و تعیین میکنه که بالا وسط یا پایین صفجه قرار بگیرند.
Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[ Text('Item 1'), Text('Item 2'), Text('Item 3'), ], )
در کد بالا ویجت ما در وسط قرار میگیرد و محتویات داخل آن هم در پایین صفحه.

درباره Hesam
حسام رسولیان هستم فارغ التحصیل رشته IT و موسس وبسایت فلاتر لرن - وبسایت شخصی: AtysCode.ir
نوشته های بیشتر از Hesam
دیدگاهتان را بنویسید