[Flutter]リストビュー(ListView)のスクロールでキーボードを閉じるには？

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

デフォルトでは、キーボードを開いている状態でもリストビューをスクロールすることが出来ます。

このデフォルトの設定からリストビューをスクロールしたら、キーボードを閉じるようにする方法を紹介します。

方法

リストビューのスクロールでキーボードを閉じるようにするには、引数「keyboardDismissBehavior」使います。

具体的な方法としては、引数「keyboardDismissBehavior」に「ScrollViewKeyboardDismissBehavior.onDrag」を指定します。

ListView(
  keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
  children: [],
),

以下は、使用例です。

ListView(
  itemExtent: 100,
  keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
  children: [
    TextField(),
    for (var i = 0; i < 20; i++)
      Card(
        child: ListTile(
          title: Text('$i'),
        ),
      ),
  ],
),