Flutter让键盘消失的方式(转发自依小窗)

原文链接: 转发自依小窗
一般情况下,在最外层添加一个手势,点击执行即可:

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

二般情况下,如果是在H5页面,多了一层交互,此时以上方法没有生效,那么试试下边的方法吧,需要注意一点的是,这里需要跟H5进行交互,需要H5调用Flutter层的方法,

H5调用Flutter的方法需要以下设置:

WebView(
  javascriptChannels: <JavascriptChannel>[
    _hideKeyboardJavascriptChannel(context)
  ].toSet(),
)

JavascriptChannel _hideKeyboardJavascriptChannel(BuildContext context) {
  return JavascriptChannel(
      name: "这里是跟H5交互自定义的Channel名字",
      onMessageReceived: (JavascriptMessage message) {
        SystemChannels.textInput.invokeMethod('TextInput.hide');
      });
}
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值