[Flutter]Scaffoldの下側(bottom)にウェジェット(widget)を固定表示(fixed show)するには？

[Flutter]Scaffoldの下側にウェジェットを固定表示するには？

Flutter

2021.12.11

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

Scaffoldの下側にウェジェットを固定表示する方法を紹介します。

方法
使用例

方法

Scaffoldの下側にウェジェットを固定表示するには、引数「bottomSheet」を使います。

具体的には、Scaffoldの引数「bottomSheet」に固定表示したいウェジェットを指定します。

Scaffold(
  bottomSheet: Widget(), //固定表示したいウェジェット
);

これでScaffoldの下側にウェジェットを固定表示することが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          color: Colors.blue,
        ),
      ),
      bottomSheet: Container(
        color: Colors.yellow,
        height: 100,
      ),
    );
  }