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();
        },

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/359799.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

计算机网络_1.4 计算机网络的定义和分类

1.4 计算机网络的定义和分类 一、计算机网络的定义(无唯一定义)二、计算机网络的分类(从不同角度分类)1、交换方式2、使用者3、传输介质4、覆盖范围5、拓扑结构 笔记来源: B站 《深入浅出计算机网络》课程 一、计算机…

Springboot整合Websocket实现ws和wss连接

1. 引入pom依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId><version>2.7.10</version> </dependency>2. 新建websocket配置文件 import org.springf…

【Java程序设计】【C00210】基于SSM房屋租赁管理系统(论文+PPT)

基于SSM房屋租赁管理系统&#xff08;论文PPT&#xff09; 项目简介项目获取开发环境项目技术运行截图 项目简介 这个一个基于SSM的房屋租赁管理系统&#xff0c;本系统共分为三种权限&#xff1a;管理员、房东和用户 管理员&#xff1a;用户管理、房东管理、房屋租赁、类型管…

小猪o2o生活通系统更新到了v24.1版本了php文件开源了提供VUE了但是车牌识别功能你真得会用吗

一.车牌识别设置项 车牌识别设置项总开关&#xff1a;系统后台-社区管理-社区配置-车牌识别配置。 平台需要开启车牌识别功能&#xff0c;其次平台可以选择车牌识别功能是由平台配置还是小区自己配置有需要提供代码的可以Q我昵称注明&#xff1a;CSDN网友。如果是平台自己配置&…

C++ ffmpeg RTSP 视频推流实现, arm linux平台

环境&#xff1a; FFmpeg版本&#xff1a;n4.2.2 下载地址&#xff08;下载编译后请确认版本正确&#xff09;&#xff1a; https://ffmpeg.org//download.html 下面地址经过第三方git加速可能存在实效性&#xff1a; https://hub.fgit.cf/FFmpeg/FFmpeg/tree/n4.4.2实现代码…

万兆电口10GBase-T和千兆电口SFP-GE-T的分类

随着数字化时代的到来和网络应用的普及&#xff0c;网络速度和性能对用户和企业来说变得越来越重要。万兆电口10GBase-T和千兆电口模块SFP-GE-T作为两种常见的网络解决方案&#xff0c;在网络连接和数据传输方面起着重要的作用。本文将介绍千兆和万兆电口模块分类以及万兆和千兆…

【Java程序设计】【C00184】基于SSM的旅游网站管理系统(论文+PPT)

基于SSM的旅游网站管理系统&#xff08;论文PPT&#xff09; 项目简介项目获取开发环境项目技术运行截图 项目简介 这是一个基于ssm的旅游网站管理系统 本系统分为前台用户、后台管理员2个功能模块。 前台用户&#xff1a;当游客打开系统的网址后&#xff0c;首先看到的就是首…

易点易动设备管理平台助力制造企业实现智能化设备监控

在制造业领域&#xff0c;设备监控是确保生产效率和质量的关键。随着技术的不断发展&#xff0c;智能化设备监控成为提升制造企业竞争力和效率的重要手段。易点易动设备管理平台作为一款智能化设备监控解决方案&#xff0c;为制造企业提供了全面的设备监控功能。本文将详细介绍…

如何纯前端实现文件下载

业务场景 有一个下载文件的功能&#xff0c;不引入后端资源&#xff0c;纯前端应该如何实现&#xff1f; 解决方案 在vue2或者vue3项目中&#xff0c;可以把文件放在 public 文件夹下&#xff0c;然后使用a标签进行文件下载。 如&#xff1a;我要下载的文件是模版.xlsx 。首…

python爬虫爬取网站

流程&#xff1a; 1.指定url(获取网页的内容) 爬虫会向指定的URL发送HTTP请求&#xff0c;获取网页的HTML代码&#xff0c;然后解析HTML代码&#xff0c;提取出需要的信息&#xff0c;如文本、图片、链接等。爬虫请求URL的过程中&#xff0c;还可以设置请求头、请求参数、请求…

山石防火墙简单配置

1、设备管理 安全网关支持本地与远程两种环境配置方法&#xff0c;可以通过CLI 和WebUI 两种方式进行配置。CLI 同时支持Console、Telnet、SSH 等主流通信管理协议。 1.1终端console 登录 通过Console 口配置安全网关时需要在计算机上运行终端仿真程序&#xff08;系统的超级…

githacker安装详细教程,linux添加环境变量详细教程(见标题三)

笔者是ctf小白&#xff0c;这两天也是遇到.git泄露的题目&#xff0c;需要工具来解决问题&#xff0c;在下载和使用的过程中也是遇到很多问题&#xff0c;写此篇记录经验&#xff0c;以供学习 在本篇标题三中有详细介绍了Linux系统添加环境变量的操作教程&#xff0c;以供学习 …

Docker核心教程

1. 概述 官网&#xff1a;https://docs.docker.com/ Docker Hub 网站&#xff1a;https://hub.docker.com/ 容器较为官方的解释&#xff1a; 一句话概括容器&#xff1a;容器就是将软件打包成标准化单元&#xff0c;以用于开发、交付和部署。 容器镜像是轻量的、可执行的独立…

专治外贸客户不回复!

“我待客户如初恋&#xff0c;而客户却虐我无数遍”&#xff0c;这是很多新人给客户报价之后&#xff0c;如同石沉大海般杳无音讯的内心写照&#xff0c;每次都感到信心备受打击。 不禁扣心自问&#xff1a;究竟为什么不回复我呢&#xff1f;还没有找到答案&#xff0c;新的询…

AI 智能体:探索自主智能的世界

AI 智能体&#xff1a;探索自主智能的世界 认真的飞速小软 飞速创软 2024-01-30 11:06 发表于新加坡 想象一下&#xff0c;在这样一个世界里&#xff0c;软件自身可以自主地与环境交互&#xff0c;根据收集的数据做出决策&#xff0c;并以最少的人工干预来执行任务。这些AI智能…

取巧方式el-select单选重复选择

前言&#xff1a;之前产品是可以多选&#xff0c;我就一想在el-select 加个multiple不就完事了吗&#xff1f;我兴高采烈几分钟就实现了这个选择框&#xff0c;可是后面说单选也要重复多选几个&#xff0c;顿时我就****,又不想自己写个 首先安装element-plus 一定要安装2.5版本…

主编决定命运?这本中科院TOP刊,领域排名靠前,审稿速度却“两重天”!

【SciencePub学术】 POWTEC 期刊评说 网 友 辣 评 中科院2区TOP&#xff0c;处理速度快&#xff01;审稿意见专业负责&#xff01; 评说1&#xff1a;我的rrc都四十天了还没动静&#xff0c;Fan院士真的是慢性子啊&#xff01;我送到Fan主编手里的全被据&#xff0c;这次Yu主…

【论文阅读|小目标分割算法ASF-YOLO】

论文阅读|小目标分割算法ASF-YOLO 摘要&#xff08;Abstract&#xff09;1 引言&#xff08;Introduction&#xff09;2 相关工作&#xff08;Related work&#xff09;2.1 细胞实例分割&#xff08;Cell instance segmentation&#xff09;2.2 改进的YOLO用于实例分割&#xf…

腾讯云0基础10秒搭建幻兽帕鲁游戏联机服务器

幻兽帕鲁&#xff08;Palworld&#xff09;是一款多人在线游戏&#xff0c;为了获得更好的游戏体验&#xff0c;需要搭建一个稳定、高效的游戏联机服务器。腾讯云提供了一种简单、快速的方法&#xff0c;让新手小白也能0基础10秒搭建幻兽帕鲁游戏联机服务器&#xff01; 本文将…

神经网络模型和动态计算图、梯度计算与自动微分

神经网络模型通常使用计算图来表示其内部结构和计算过程。在深度学习框架如PyTorch中&#xff0c;动态计算图是实现这一机制的一种方式。在神经网络模型中&#xff0c;梯度是一个关键概念&#xff0c;它反映了模型参数对于损失函数&#xff08;即预测误差&#xff09;的敏感度。…