Flutter学习笔记 TextFormField点击空白处收回键盘

最新推荐文章于 2024-06-16 10:46:15 发布

我好菜啊~

最新推荐文章于 2024-06-16 10:46:15 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter

本文链接：https://blog.csdn.net/weixin_42215775/article/details/102986199

Flutter 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了在Flutter中如何实现在TextFormField输入后，点击屏幕空白区域自动收起软键盘的功能。通过添加GestureDetector作为外层容器，可以轻松实现这一效果。同时，针对iOS模拟器可能出现的无法弹出键盘问题，提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击TextFormField弹出键盘后，点击周围空白处收回弹出的键盘。
只需要嵌套一层GestureDetector即可

@override
  Widget build(BuildContext context) {
    ScreenUtil.instance = ScreenUtil(width: 1080, height: 1920)..init(context);
    return Scaffold(
      body: SafeArea(
        child: GestureDetector(
          child: _loginForm(context),
          //点击空白处收回键盘
          onTap: (){
            FocusScope.of(context).requestFocus(FocusNode());
          },
        ),
      ),
    );
  }