当前位置: 首页 > news >正文

Flutter 让软键盘不再自动弹起

1、问题说明:
在开发中,经常遇到这种事,一个页面有输入框,点击输入框后,会弹起软键盘,同时输入框会聚焦,手动收起软键盘后,点击另一个按钮前往下一个页面或者显示一个弹窗,返回或者关闭弹窗后,由于输入框仍然有焦点,软键盘又会自动弹起,非常影响使用体验。

2、问题解决:

FocusManager.instance.primaryFocus?.unfocus();

在【点击另一个按钮前往下一个页面或者显示一个弹窗】这一步的时候执行一下上面那行代码,会清除焦点并收起软键盘。

但是这里还有一个问题,稍微复杂一点的页面,可能会有很多按钮能显示弹窗或打开新页面,这样的话岂不是要在每一个按钮点击那里都写上那行代码?
当然,我们可以封装显示弹窗和页面跳转的方法,比如:

image.png

这样,每次页面跳转都可以用这个open方法去执行。
至此,可以解决大部分情况了。

但是,还有一种特殊情况,如果该页面有引入某些第三方库显示弹窗内容的话,就又要封装一个方法去调用第三方库,毕竟直接调用第三方库是不会执行那行代码的。
比如第三方的一个DatePicker,一个选择日期时间的底部弹窗。
不能直接调用第三方方法,还要去封装一层,的确是有点麻烦了,所以,下面再介绍一个终极解决方法:

首先要引入第三方库: keyboard_utils: ^1.3.0
这个库可以用来监听软键盘的弹起和收起。
我们可以在监听到软键盘收起的时候执行下面这行代码

 FocusManager.instance.primaryFocus?.unfocus();

具体代码如下:

  KeyboardUtils _keyboardUtils = KeyboardUtils();@overridevoid initState() {_keyboardUtils.add(listener: KeyboardListener(willHideKeyboard: () {FocusManager.instance.primaryFocus?.unfocus();},willShowKeyboard: (double keyboardHeight) {}));super.initState();}@overridevoid dispose() {if (_keyboardUtils.canCallDispose()) {_keyboardUtils.dispose();}super.dispose();}
http://www.lryc.cn/news/116453.html

相关文章:

  • k8s 自身原理 1
  • 在CPU上安装部署chatglm-6b实用经验分享
  • Mermaid系列之FlowChart流程图
  • 分享Java技术下AutojsPro7云控代码
  • 黑马机器学习day2
  • rosdep init || rosdep update || 出错?链接失败?换源!
  • 流量、日志分析分析
  • Go学习第八天
  • 算法练习--数值相关
  • RobotFramework的安装过程及应用举例
  • WebGL系列教程:WebGL基础知识
  • 数据的逻辑结构和存储结构
  • 观察者模式(C++)
  • Web安全——Burp Suite基础上
  • 面试题更新之-this指向问题
  • 商品推荐系统浅析 | 京东云技术团队
  • 【力扣每日一题】2023.8.8 任意子数组和的绝对值的最大值
  • SpringBoot Web开发静态资源处理
  • Dockerfile定制Tomcat镜像
  • 【计算机网络】概述及数据链路层
  • Java——基础语法(二)
  • 数据结构----算法--分治,快速幂
  • 【ChatGPT 指令大全】怎么使用ChatGPT写履历和通过面试
  • 微服务:从header中获取用户存入当前线程
  • C语言系列之原码、反码和补码
  • 程序框架——UI管理模块
  • MySQL 慢查询探究分析
  • wpf 项目中使用 Prism + MaterialDesign
  • 【Spring Boot】Thymeleaf模板引擎 — Thymeleaf页面布局
  • 整理mongodb文档:删