[Flutter]Containerの最大の高さを設定するには？

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

Containerの最大の高さを設定する方法を紹介します。

方法

Containerの最大の高さを設定するには、ConstrainedBoxを使います。

まず、ConstrainedBoxの引数「child」にContainerを指定します。

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

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

指定したBoxConstraintsの引数「maxHeight」に設定したい最大の高さを指定します。

ConstrainedBox(
  constraints: BoxConstraints(
    maxHeight: /*最大の高さ*/,
  ),
  child: Container(),
),

これでContainerの最大の高さを設定することが出来ます。

以下は、使用例です。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ConstrainedBox(
          constraints: BoxConstraints(
            maxHeight: 100,
          ),
          child: Container(
            height: 1000,
            color: Colors.blue,
          ),
        ),
      ),
    );
  }