[Flutter]Container(コンテナ)を横幅いっぱい(full width)にするには？

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

Containerを横幅いっぱいにする方法を紹介します。

方法

Containerを横幅いっぱいにするには、引数「width」に「double.infinity」を指定します。

Container(
  width: double.infinity,
),

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Container(
              width: double.infinity,
              height: 200,
              color: Colors.yellow,
            ),
          ],
        ),
      ),
    );
  }