پرش به محتوا

آموزش ویجت card در فلاتر

خب ما در این بخش میخوایم لیست خودمون در تصویر بالا رو با استفاده از ویجت card زیبا کنیم.برای این منظور ما میاییم یه تابع میسازیم با نام bookTemplate که ورودیش و میگم که یک book خواهد بود و چیزی که برای من برمیگردونه یه ویجت هست.

حالا چرا از تابع استفاده کردم ؟ دلیلش اینه که به جای استفاده از کد های طولانی میام نام تابع رو صدا میزنم و بعد book رو بهش پاس میدم بقیه کار و خود تابع انجام میده این طوری هم کد خوانا تر هست و هم اگه فردا به مشکل خوردیم بهتر میشه هندل کرد.

خب داخل card ما یه margin قرار میگیره و به child یه Column میدیم و در childeren این column چند تا textview ست میکنیم مشابه تصویر زیر

خب حالا توی body خودمون میگیم تابع booktemplate و اون book رو به ما برگردونه حالا خروجی کار میشه مثل تصویر زیر

البته کمی مشکل داره که باید درست بشه خب یه padding بهش میدیم مقدارشم میزاریم عدد 12 و دوباره اجرا میکنیم

الان بهتر شد card من یکم جلوتر که بریم کلی با این ویجت card کار داریم و این ویجت یکی از کاربردی ترین ویجت های داخلی فلاتر هست موفق باشید

5/5 - ( 1 امتیاز )

دیدگاه شما نگاه ما رو هم عوض میکنه !

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