الان میخوام ویجت Expanded و به یکی از container هام بدم اجرا میکنم و نتیجه رو میبینیم توی تصویر زیر :
Expanded(
child: Container(
color: Colors.blue,
padding: EdgeInsets.all(20.0),
child: Text('one'),
),
),
دیدید که توی تصویر بالا اومد و اون دوتا ویجت سمت راست قرار داد. و ویجت اول اندازش و با فضا باقی مونده پر کرد خب من میام برای اون دوتا container هم این کار و انجام میدم. توی تصویر زیر تغییر و مشاهده کنید
ویژگی Flex
خب توی دعفه قبلی این ۳ تا هر کدوم یه مقدار خاصی داشتن. اما الان که توی هر ۳ تا ویجت از Expanded استفاده کردیم. میبینید که توی اندازه هر سه تا Container یکسان شده. و با فضای عرض اسکرین کاملا پر شدن تا اینجا چون به هیچکدومشون وزن و اندازه خاصی ندادیم. هر ۳ تاشون اندازشون یکی هست.
میبنید که دوتا ویجت سمت راست که وزن ۲ داشتن. اندازه یکسانی دارن ولی ویجت اول که وزن ۳ رو داره یه مقداری بزرگتر شده تا همینجا برای Expanded کافی هست موفق باشید.