[Flutter]Containerに最小のサイズを設定するには？

どうも、ちょげ(@chogetarou)です。

Containerに最小のサイズを設定する方法を紹介します。

方法

Containerに最小のサイズを設定するには、まずContainerをConstrainedBoxの「child」に指定します。

ConstrainedBox(
  child: Container(),
),

次に、ConstrainedBoxの引数「constraints」にBoxConstraintsを指定します。

ConstrainedBox(
  constraints: BoxConstraints(),
  child: Container(),
),

指定したBoxConstraintsの引数「minHeight」で最小の高さ、引数「minWidth」で最小の横幅を指定します。。

ConstrainedBox(
  constraints: BoxConstraints(
    minHeight: /*最小の高さ*/,
    minWidth: /*最小の横幅*/,
  ),
  child: Container(),
),

これでContainerの最小のサイズを設定することが出来ます。

以下は、使用例です。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ConstrainedBox(
          constraints: BoxConstraints(
            minHeight: 200, //最小の高さ
            minWidth: 200,//最小の横幅
          ),
          child: Container(
            height: 10, 
            width: 10,
            color: Colors.blue,
          ),
        ),
      ),
    );
  }