ویجت FractionallySizedBox که در نسخه 3.0 فلاتر معرفی شده، به شما امکان می‌دهد تا اندازه یک ویجت را به صورت کسری از اندازه والد آن تنظیم کنید. این ویجت می‌تواند برای ایجاد طرح‌های انعطاف‌پذیر و ریسپانسیو که به طور خودکار با اندازه صفحه نمایش سازگار می‌شوند، مفید باشد.

برخی از ویژگی‌های کلیدی ویجت FractionallySizedBox عبارتند از:

• قابلیت تنظیم اندازه: می‌توانید اندازه ویجت را به صورت کسری از عرض یا ارتفاع والد آن تنظیم کنید.
• قابلیت تنظیم موقعیت: می‌توانید موقعیت ویجت را در داخل والد آن تنظیم کنید.
• قابلیت انعطاف‌پذیری: ویجت FractionallySizedBox به طور خودکار با اندازه صفحه نمایش سازگار می‌شود.

مثال:

فرض کنید می خواهید یک طرح دو ستونه ایجاد کنید که در آن ستون سمت چپ 20 درصد و ستون سمت راست 80 درصد عرض صفحه را اشغال کند. برای این کار می توانید از کد زیر استفاده کنید:

Dart

Row(
  children: [
    FractionallySizedBox(
      widthFactor: 0.2,
      child: Container(
        color: Colors.red,
      ),
    ),
    FractionallySizedBox(
      widthFactor: 0.8,
      child: Container(
        color: Colors.blue,
      ),
    ),
  ],
)