FlutterでTextFieldのフォーカスを外す方法

Fluttter で起こる現象で、TextField にフォーカスした後に TextField 以外をタップしてもフォーカスが外れません。

そのためソフトウェアキーボードが出たままの状態になり、操作性が悪くなります。

Flutter で TextField のフォーカスを外す

return Scaffold(
    body: GestureDetector(
        onTap() {
            FocusScope.of(context).unfocus();
        },
        child: TextField(),
    ),
);

このようにGestureDetectorで対象の TextField ウィジェットをラップした状態にすることで任意の場所をタップするだけでフォーカスを外すことができます。