ویجت Container در فلاتر: ویژگی‌ها و نمونه‌ها

در فلاتر، ویجت Container یک ویجت چندکاره است که به شما امکان می‌دهد ظاهر ویجت فرزند خود را سفارشی کنید یا یک طرح بصری ایجاد کنید. این ویجت از ویژگی‌های مختلف برای کنترل طرح، اندازه، تراز، پرشی، حاشیه، تزئینات و موارد دیگر پشتیبانی می‌کند. در زیر یک مروری بر برخی از ویژگی‌های معمولاً استفاده شده همراه با نمونه‌ها آورده شده است:

child: ویجتی که در داخل کانتینر قرار می‌گیرد.

Container(
 child: Text('Hello, World!'),
)

alignment: تراز ویجت فرزند داخل کانتینر.

Container(
 alignment: Alignment.center,
 child: Text('Centered Text'),
)

Color: رنگ پس زمینه کانتینر.

Container(
 color: Colors.blue,
 child: Text('Blue Container'),
)

width & height: عرض و ارتفاع صریح کانتینر.

Container(
 width: 200,
 height: 100,
 color: Colors.red,
 child: Text('200x100 Container'),
)

margin: فضای خالی بیرون از کانتینر.

Container(
 margin: EdgeInsets.all(20.0),
 color: Colors.green,
 child: Text('Container with Margin'),
)

padding: فضای خالی درون کانتینر.

Container(
 padding: EdgeInsets.all(20.0),
 color: Colors.yellow,
 child: Text('Container with Padding'),
)

decoration: تزئینی که بر روی کانتینر اعمال می‌شود.

Container(
 decoration: BoxDecoration(
 color: Colors.orange,
 borderRadius: BorderRadius.circular(10.0),
  ),
 child: Text('Decorated Container'),
)

constraints: محدودیت‌های اضافی که برای اعمال به اندازه کانتینر استفاده می‌شود.

Container(
 constraints: BoxConstraints.expand(height: 200),
 color: Colors.purple,
 child: Text('Container with Height Constraint'),
)

transform: ماتریس تبدیلی که بر روی کانتینر اعمال می‌شود.

Container(
  transform: Matrix4.rotationZ(0.1),
  color: Colors.pink,
  child: Text('Container with Transformation'),
)

این فقط چند ویژگی از ویجت Container هستند. شما می‌توانید ویژگی‌های بیشتر و ترکیبات آن‌ها را در مستندات فلاتر برای ویجت Container بررسی کنید.