[Flutter]キーボードを閉じるボタン(keyboard close button)を作成するには？

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

キーボードを閉じるボタンを作る方法を紹介します。

方法
使用例

方法

キーボードを閉じるボタンを作るには、FocusManagerを使います。

具体的には、ボタンの引数「onPressed」の関数で、「FocusManager.instance.primaryFocus?.unfocus()」を呼び出します。

TextButton(
  onPressed: () {
    FocusManager.instance.primaryFocus?.unfocus();
  },
  child: Text('Close'),
),

FocusManagerをボタンの引数「onPressed」で呼び出すことで、キーボードを閉じるボタンを作成することが出来ます。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: TextField(),
          ),
          TextButton(
            onPressed: () {
              FocusManager.instance.primaryFocus?.unfocus();
            },
            child: Text('Close Keyboard'),
          ),
        ],
      ),
    );
  }