Flutter踩坑日记01,监听键盘关闭事件

本文记录了在Flutter开发中遇到的一个挑战:如何监听并响应Android第三方输入法键盘关闭事件。作者详细介绍了问题背景,指出键盘上的特定按键无法直接监听,然后分享了利用WidgetsBindingObserver的didChangeMetrics方法来实现屏幕大小变化监听,从而间接监听到键盘关闭的过程。解决方案包括初始化WidgetsBinding、重写didChangeMetrics、考虑资源释放和定义onFocus回调事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

最近遇到一个需求,当表单填写完整时对用户进行弹窗提醒,本来以为是个很简单的需求,实际解决过程中反而花费了大量时间。

主要的问题在于android第三方输入法的键盘存在这么一个按键

这个按键事件是无法进行监听的,花费了大量事件寻找方法来解决,最后参考Flutter键盘弹出事件最终解决了这个问题,

我的解决办法是使用WidgetsBindingObserver的didChangeMetrics方法,该方法可以监听屏幕大小的改变,对用户的输入法的关闭进行监听。

首先在initState()中对WidgetsBinding进行初始化

//定义键盘的状态
bool isKeyboardActived = false;
@override
  void initState() {
    super.initState();
    //初始化
    WidgetsBinding.instance.addObserver(this);
  }

然后重写didChangeMetrics,对其进行劫持,加入对onFocus回调事件

 

@override
  void didChangeMetrics() {
    super.didChangeMetrics();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      // 当前是安卓系统
### Flutter 实现键盘监听方法 在 Flutter 应用开发过程中,为了提升用户体验,开发者经常需要监听键盘的状态变化。对于 Android 平台而言,可以通过 `FocusNode` 和 `TextField` 的组合来实现这一功能[^1]。 #### 使用 FocusNode 和 TextField 进行基本监听 当应用中有多个可聚焦组件时,可以创建一个 `FocusNode` 对象并将其附加到特定的 `TextField` 上: ```dart final FocusNode _focusNode = FocusNode(); @override void initState() { super.initState(); _focusNode.addListener(() { if (_focusNode.hasFocus) { print('Keyboard opened'); } else { print('Keyboard closed'); } }); } // 将 focus node 关联至 text field TextField( focusNode: _focusNode, ), ``` 这种方法适用于简单场景下的键盘开闭检测,但对于更复杂的需求,则推荐使用专门设计用来处理此类情况的插件。 #### 利用第三方库增强功能 针对更加复杂的交互需求,如获取精确的键盘高度变动通知等,建议采用成熟的开源解决方案——`flutter_keyboard_visibility` 插件[^2]。此插件允许应用程序接收有关键盘可见性的更改通知,并提供了便捷的方式集成进现有项目中。 安装依赖后,在 Dart 文件顶部导入相应包名即可开始使用其特性: ```yaml dependencies: flutter_keyboard_visibility: ^5.0.0 # 版本号需根据实际情况调整 ``` 接着可以在代码里订阅键盘状态的变化事件: ```dart import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart'; ... bool isKeyboardVisible; @override void initState() { super.initState(); final subscription = KeyboardVisibilityController().onChange.listen((bool visible) { setState(() => isKeyboardVisible = visible); if (visible) { // 执行打开键盘后的逻辑 } else { // 执行关闭键盘后的逻辑 } }); @override void dispose() { subscription.cancel(); // 清理资源防止内存泄漏 super.dispose(); } } ``` 上述两种方式能够满足大多数情况下对键盘行为监测的要求,同时也展示了不同层次上的灵活性与扩展能力。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值