ویجت Column تمام فرزندان خود را در یک ردیف عمودی نمایش می دهد . اگر مایلید فرزند ویجت Column تمام فضای خود را پر کند می توانید از ویجت Expanded استفاده نمایید . همچنین در نظر داشته باشید که ویجت Column پیمایش نمی شود لذا اگر فرزندان داخل این ویجت زیاد هستند ، این یک خطر است و ممکن است در سایزهای مختلف نمایشگر ، ایجاد خطا نماید ، در این حالت از ویجت ListView استفاده نمایید . در صورتی که مایلید فرزندان در یک ردیف افقی نمایش داده شوند از ویجت Row استفاده نمایید .

کد زیر نمونه ای از پیاده سازی این ویجت را به نمایش گذاشته است :

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: <Widget>[
    Text('Deliver features faster'),
    Text('Craft beautiful UIs'),
    Expanded(
      child: FittedBox(
        fit: BoxFit.contain, // otherwise the logo will be tiny
        child: const FlutterLogo(),
      ),
    ),
  ],
)

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: <Widget>[
    Text('Deliver features faster'),
    Text('Craft beautiful UIs'),
    Expanded(
      child: FittedBox(
        fit: BoxFit.contain, // otherwise the logo will be tiny
        child: const FlutterLogo(),
      ),
    ),
  ],
)

خروجی کد بالا به این شکل است :

جهت کسب اطلاعات بیشتر از این آدرس به سایت اصلی فلاتر مراجعه نمایید .

امیدوارم این مطلب برای شما مفید باشد .