Specific min and max size for expanded widgets in Column

Question

I have a Column with a set of Expanded widgets.

Is there a way to control the range in which they expand? I want one widget to expand only to a certain size and make

Answer 1

You are looking for ConstrainedBox.

You can create a List of Widgets with both ConstrainedBox and Expanded, as following:

Row(
  children: [
    ConstrainedBox(
      child: Container(color: Colors.red),
      constraints: BoxConstraints(
        minWidth: 50,
        maxWidth: 100,
      ),
    ),
    Expanded(
      child: Container(color: Colors.green),
    ),
    Expanded(
      child: Container(color: Colors.blue),
    ),
  ],
),

Answer 2

You can use constraint box to use the range of min and max width like below:

Row(
      children: <Widget>[
        Text("Text 1"),
        ConstrainedBox(
          constraints: BoxConstraints(maxHeight: 30, maxWidth: 40, minWidth: 30),
        ),
        Text("Text 2")
      ],
    )

Answer 3

When using ConstrainedBox in Rows my minWidth is ignored and the maxWidth is used as a fixed size.