آموزش کار با ویجت column-widget
ایجاد body مربوطه
توی شروع یه Body جدید میسازم اسمش و میزارم column و بهش Childeren و میدم :
body: Column(
children: <Widget>[ ],
), خب الان من میخوام به صورت دیگه ای لیست رو بسازم و اون لیست به Childeren بدم
برای اینکار به صورت زیر لیست و میسازیم
ساخت لیست مورد نیاز در فلاتر
میخوام این ویجت ها که لیست هست و خودم لیستش رو بنویسم و لیستی که ساختم و بهش بدم خب به چه شکل ؟
میرم به خط کدهای کلاس build
و به صورت زیر یه لیست میسازیم.
list<String> notes = [
'زبان برنامه نویسی',
'ریاضی',
'فیزیک'
];
حالا دوباره میریم سراغ بخش Body برناممون چون میخوایم این List که ساختیم و از طریق column نمایش بدیم.
کافیه به بخش children بریم و عبارت widget و پاک کنیم
چون به جای widget میخوایم لیست خودمون بهش بدیم به صورت زیر این کار و میکنیم.
کاربرد map در نمایش لیست
ما باید لیست و به صورت Map نمایش بدیم و وقتی که به صورت map نمایش بدیم
این میاد دونه دونه لیست و پیمایش میکنه و مقادیری که توی لیست هست و به من برمیگردونه.
حالا وقتی که این مپ داره این عناصر لیست و پیمایش میکنه بهش میگیم آقای Map این عناصر و که داری پیمایش میکنی و بریز توی یه متغییر اسم متغییر و میزاریم note مثلا:
حالا میخوایم این اطلاعاتی که از list ریختیم توی متغییر note رو از طریق یه text نشون بدیم اگه نمیدونید text چی هست به بخش های قبلی مراجعه کنید کد های body من به صورت زیر میشه:
body: Column(
children: not:es.map( (note) {
return 'I‘ext(note , style: ‘I‘extStyle(co1or: Colors.whithe),);
}) .toList() ,
), خب حالا کد های بالا رو اجرا میکنیم نتیجه به صورت زیر هست:
میبینید که تک تک عناصر که داخل note بود رو اومد توی یه Text به من نمایش داد
خب به این طریق هم ما تونستیم داخل ویجت Column و این قسمت childeren و تغییر بدیم
و بگیم که ویجت ها رو از داخل یه note برا من بخونه و حالا هر تغییری که بخوام روش اعمال میکنم.
خب این یه نوع از نوشتن بود و میشه به یه مدل ساده تری هم این و نوشت به صورت زیر :
body: Column(
children: not;es.map( (note) => Text (note) ) .toList () ,
), 