点击任意位置取消TextField焦点

点击任意位置取消TextField焦点

监听TextField焦点，如何在单击屏幕上的任意位置后隐藏软键盘？

之前我们是这么用的：

 

// 清除焦点

FocusScope.of(context).requestFocus(new FocusNode());

要实现点击任何位置清除焦点，只需要用GestureDetector方法包裹整个布局，然后onTap方法编写此代码，即可隐藏软键盘：

 

new Scaffold(

body: new GestureDetector(

  onTap: () {

    FocusScope.of(context).requestFocus(new FocusNode());

  },

child: new Container(

   //rest of your code write here

    )

)

新的方法

unfocus

从具有主要焦点的节点上删除焦点，并取消所有未完成的聚焦请求。调用requestFocus将一个请求发送到FocusManager以使该节点成为主要焦点，该节点计划以最新请求解析为树上焦点状态的更新。调用unfocus会取消已请求但尚未执行的请求。

无论此节点是否曾经请求过焦点，都可以安全地调用此方法。

如果声明了FocusNode聚焦文本字段，请使用unfocus：

 

final focusNode = FocusNode();

// ...

focusNode.unfocus();

如果您尚未明确声明FocusNode，请使用“常规”方法：

 

FocusScope.of(context).requestFocus(new FocusNode());

如果您需要：1、消除键盘；2、取消焦点文本字段：

 

FocusScope.of(context).detach();

官方文档说，即使没有焦点，分离也可以安全使用。

如果您只想隐藏键盘而不丢失文本字段焦点：

 

import 'package:flutter/services.dart' show SystemChannels;

 

SystemChannels.textInput.invokeMethod('TextInput.hide');