استفاده از این محتوا رایگان میباشد

چارا برای خلق ارزش و توسعه مهارت های درونی و رشد استعدادها و جایی برای انجام پروژهای برنامه نویسی هست، هدف ما پیاده سازی ایده شما و توسعه مهارت های فردی کاربران برای ارتقا و اجرای هدفمندانه کسب و کارها میباشد بیشتر آموزش های سایت به صورت رایگان در اختیار شما هستند اما برای دسترسی به همه آموزش ها نیازمند تهیه عضویت ویژه سایت ما میباشید.

آموزش کار با ویجت column-widget در فلاتر ( بخش 14 ) ❤️

آموزش کار با ویجت column-widget

ایجاد body مربوطه

توی شروع یه Body جدید میسازم اسمش و میزارم column و بهش Childeren و میدم :

body: Column(
children: <Widget>[ ],
), 

خب الان من میخوام به صورت دیگه ای لیست رو بسازم و اون لیست به Childeren بدم

برای اینکار به صورت زیر لیست و میسازیم

ساخت لیست مورد نیاز در فلاتر

میخوام این ویجت ها که لیست هست و خودم لیستش رو بنویسم و لیستی که ساختم و بهش بدم خب به چه شکل ؟

میرم به خط کدهای کلاس build

و به صورت زیر یه لیست میسازیم.

list<String> notes = [
'زبان برنامه نویسی',
'ریاضی',
'فیزیک'
];
ساخت لیست در فلاتر -آموزش کار با ویجت column-widget

حالا دوباره میریم سراغ بخش 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() ,
), 

خب حالا کد های بالا رو اجرا میکنیم نتیجه به صورت زیر هست:

نمایش لیست فلاتر - آموزش کار با ویجت column-widget

میبینید که تک تک عناصر که داخل note بود رو اومد توی یه Text به من نمایش داد

خب به این طریق هم ما تونستیم داخل ویجت Column و این قسمت childeren و تغییر بدیم

و بگیم که ویجت ها رو از داخل یه note برا من بخونه و حالا هر تغییری که بخوام روش اعمال میکنم.

خب این یه نوع از نوشتن بود و میشه به یه مدل ساده تری هم این و نوشت به صورت زیر :

body: Column(
children: not;es.map( (note) => Text (note) ) .toList () ,
), 

نحوه استفاده از Fonticon در فلاتر ( بخش 13 ) ❤️
آموزش کار با Textfield در فلاتر ❤️
, , ,

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این قسمت نباید خالی باشد
این قسمت نباید خالی باشد
لطفاً یک نشانی ایمیل معتبر بنویسید.
شما برای ادامه باید با شرایط موافقت کنید

فهرست