[Flutter]キーボードで隠れるのを防ぐ(prevent keyboard hide widget)には？

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

キーボードによって、ウェジェットが隠れるのを防ぐ方法を紹介します。

方法
使用例

方法

キーボードで隠れるのを防ぐには、Scaffoldの引数「resizeToAvoidBottomInset」を使います。

具体的には、Scaffoldの引数「resizeToAvoidBottomInset」に「true」を指定します。

Scaffold(
  resizeToAvoidBottomInset: true,
  body: SampleWidget(),
);

Scaffoldの引数「resizeToAvoidBottomInset」に「true」を指定することで、キーボードでウェジェットが隠れるのを防ぐことが出来ます。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: true,
      body: Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          Padding(
            padding: const EdgeInsets.all(30.0),
            child: TextField(
              decoration: InputDecoration(
                border: OutlineInputBorder(),
              ),
            ),
          ),
        ],
      ),
    );
  }