نحوه کار با ویجت expanded ( بخش ۹ )

⌛ زمان مطالعه 3 دقیقه

Row استفاده میکنم.اگه نمیدونید Row چی هست به این بخش برید یه Row دارم داخل body و ۳ تا Container که داخل این قرار گرفته و اگر هم من الان اجرا کنم.

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


Expanded(
child: Container(
color: Colors.blue,
padding: EdgeInsets.all(20.0),
child: Text('one'),
),
),

دیدید که توی تصویر بالا اومد و اون دوتا ویجت سمت راست قرار داد. و ویجت اول اندازش و با فضا باقی مونده پر کرد خب من میام برای اون دوتا container هم این کار و انجام میدم. توی تصویر زیر تغییر و مشاهده کنید

ویژگی Flex

خب توی دعفه قبلی این ۳ تا هر کدوم یه مقدار خاصی داشتن. اما الان که توی هر ۳ تا ویجت از Expanded استفاده کردیم. میبینید که توی اندازه هر سه تا Container یکسان شده. و با فضای عرض اسکرین کاملا پر شدن تا اینجا چون به هیچکدومشون وزن و اندازه خاصی ندادیم. هر ۳ تاشون اندازشون یکی هست.

میبنید که دوتا ویجت سمت راست که وزن ۲ داشتن. اندازه یکسانی دارن ولی ویجت اول که وزن ۳ رو داره یه مقداری بزرگتر شده تا همینجا برای Expanded کافی هست موفق باشید.

۵/۵ - (۱ امتیاز)

مقالات مرتبط

استراتژی های شروع تولید محتوا ✔️

تبلیغات در گوگل ✔️

پیش‌نمایش اندروید ۱۳: هر آنچه که باید بدانید

نقش ارتباطات در انجام پروژهای تیمی چقدر هست؟

هزینه توسعه اپلیکیشن خدماتی مشابه اسنپ در سال ۱۴۰۱

۵ مزیت کلیدی توسعه اپلیکیشن موبایل بومی

اهمیت متخصص بودن تیم طراحی اپلیکیشن !

۵ فریم ورک توسعه اپلیکیشن اندروید

چطور اپلیکیشن های فراموش نشدنی بسازیم؟

فهرست