Flutter 点击空白处关闭软键盘，点击非TextField 关闭软键盘的方法

本文主要是介绍Flutter 点击空白处关闭软键盘，点击非TextField 关闭软键盘的方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1：点击空白处(非控件上)关闭软键盘。

    此方法有个问题，就是点击非空白区域，不会关闭软键盘，比如点击旁边的其他按钮，则软键盘还在。只适合点击空白处关闭软键盘

在 main.dart 入口 build 中增加

    builder: (context, child) {//xxxxx 操作return GestureDetector(behavior: HitTestBehavior.translucent,// 全局添加点击空白处隐藏键盘onTap: () => FocusManager.instance.primaryFocus?.unfocus(),// onTap: () {//   FocusScopeNode currentFocus = FocusScope.of(context);//   if (!currentFocus.hasPrimaryFocus &&//       currentFocus.focusedChild != null) {//     FocusManager.instance.primaryFocus?.unfocus();//   }// },child: child,);},

2. 点击非TextField 关闭软键盘

增加Listener 监听

此方法有个问题：点击所有地方都会先关闭软键盘。点击TextField 会先关闭软键盘，然后再重新弹出来。

  builder: (context, child) {FlutterSmartDialog.init();return Listener(onPointerDown: (_) {FocusScopeNode currentFocus = FocusScope.of(context);if (!currentFocus.hasPrimaryFocus) {currentFocus.focusedChild?.unfocus();}},child: child,);},

3：在TextField 添加此方法，在每个输入框中添加如下方法也可以实现。

     onTapOutside: (event){FocusScopeNode currentFocus = FocusScope.of(context);currentFocus.focusedChild?.unfocus();},

这篇关于Flutter 点击空白处关闭软键盘，点击非TextField 关闭软键盘的方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---