Shutter restraint container assembly

Flutter Constrain container components

ConstrainedBox

Limit the size of sub assemblies , You can set the maximum value 、 minimum value .

ConstrainedBox(
    constraints: const BoxConstraints(
        minWidth: 50,
        minHeight: 50,
        maxHeight: 100,
        maxWidth: 100,
    ),
    child: Container(
        width: 10,
        height: 10,
        color: Colors.red,
    ),
),
const SizedBox(height: 10),
ConstrainedBox(
    constraints: const BoxConstraints(
        minWidth: 50,
        minHeight: 50,
        maxHeight: 100,
        maxWidth: 100,
    ),
    child: Container(
        width: 200,
        height: 200,
        color: Colors.red,
    ),
)

SizedBox

Set a fixed width and height for the subassembly . Similar in function to ConstrainedBox Components .

SizedBox(
    width: 50,
    height: 50,
    child: Container(color: Colors.green),
),
const SizedBox(height: 10),
SizedBox.fromSize(
    size: const Size(50, 50),
    child: Container(color: Colors.green),
)

UnconstrainedBox

Used to remove constraints from parent components , Allow subcomponents to be drawn to their own size .

The red text will only be displayed in the debug Display in mode , stay release Only the blue area will be displayed in mode .

SizedBox(
    width: 10,
    height: 10,
    child: UnconstrainedBox(
        child: Container(width: 100, height: 100, color: Colors.blue),
    ),
)