BETA

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

投稿日:2020-01-21
最終更新:2020-05-29

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

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

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

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

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

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

naozoの技術ブログ 主にFlutterに関する記事を上げています

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう