![](https://chara.ir/saas/wp-content/uploads/2022/11/image-12-1024x514.png)
خب ما در این بخش میخوایم لیست خودمون در تصویر بالا رو با استفاده از ویجت card زیبا کنیم.برای این منظور ما میاییم یه تابع میسازیم با نام bookTemplate که ورودیش و میگم که یک book خواهد بود و چیزی که برای من برمیگردونه یه ویجت هست.
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-13.png)
حالا چرا از تابع استفاده کردم ؟ دلیلش اینه که به جای استفاده از کد های طولانی میام نام تابع رو صدا میزنم و بعد book رو بهش پاس میدم بقیه کار و خود تابع انجام میده این طوری هم کد خوانا تر هست و هم اگه فردا به مشکل خوردیم بهتر میشه هندل کرد.
خب داخل card ما یه margin قرار میگیره و به child یه Column میدیم و در childeren این column چند تا textview ست میکنیم مشابه تصویر زیر
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-14.png)
خب حالا توی body خودمون میگیم تابع booktemplate و اون book رو به ما برگردونه حالا خروجی کار میشه مثل تصویر زیر
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-15-1024x500.png)
البته کمی مشکل داره که باید درست بشه خب یه padding بهش میدیم مقدارشم میزاریم عدد 12 و دوباره اجرا میکنیم
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-16-1024x517.png)
الان بهتر شد card من یکم جلوتر که بریم کلی با این ویجت card کار داریم و این ویجت یکی از کاربردی ترین ویجت های داخلی فلاتر هست موفق باشید