Flutter 点击拖拽收回键盘

最新推荐文章于 2024-01-26 15:59:10 发布

哈尔滨的酸柠檬

最新推荐文章于 2024-01-26 15:59:10 发布

阅读量2.2k

点赞数 1

分类专栏： Flutter

本文链接：https://blog.csdn.net/sinat_31177681/article/details/99647365

版权

Flutter 专栏收录该内容

35 篇文章 2 订阅

订阅专栏

///移除键盘核心代码
FocusScope.of(context).requestFocus(new FocusNode());

创建dart文件，并添加如下类。在需要点击或者拖拽的view外面嵌入如下类，触发相关方法的时候就可以收回键盘

//点击收回键盘
import 'package:flutter/material.dart';

class TouchHideKeyBoard extends StatelessWidget {
  final Widget child;

  TouchHideKeyBoard({this.child});

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      behavior: HitTestBehavior.translucent,
      onTap: () {
        FocusScope.of(context).requestFocus(new FocusNode());
      },
      onHorizontalDragEnd: (_) {
        FocusScope.of(context).requestFocus(new FocusNode());
      },
      onVerticalDragEnd: (_) {
        FocusScope.of(context).requestFocus(new FocusNode());
      },
      child: child,
    );
  }
}

//拖拽收回键盘
NotificationListener(
                onNotification: (_) {
                  FocusScope.of(context).requestFocus(new FocusNode());
                  return false;
                },
                child: child,    //child是ListView之类的
);