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

最新推荐文章于 2024-08-01 04:23:15 发布
最新推荐文章于 2024-08-01 04:23:15 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： Flutter踩坑 文章标签： flutter dart 移动开发 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39406445/article/details/113063466
版权
本文记录了在Flutter开发中遇到的一个挑战：如何监听并响应Android第三方输入法键盘关闭事件。作者详细介绍了问题背景，指出键盘上的特定按键无法直接监听，然后分享了利用WidgetsBindingObserver的didChangeMetrics方法来实现屏幕大小变化监听，从而间接监听到键盘关闭的过程。解决方案包括初始化WidgetsBinding、重写didChangeMetrics、考虑资源释放和定义onFocus回调事件。
摘要由CSDN通过智能技术生成

 

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

主要的问题在于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((_) {
      // 当前是安卓系统
最低0.47元/天 解锁文章
狗头狗的狗
关注
专栏目录
Flutter 开发中踩坑笔记总汇
csdn_aiyang的博客
03-14 696
本篇主要是收集汇总开发过程中遇到的小困惑，都是些比较常见的问题。后续开发中遇到，也会持续更新在这里。
[已解决]Android监听键盘弹出隐藏
01-07 476
Activity配置adjustResize <activity android:name=".FloatEditorActivity" android:windowSoftInputMode="adjustResize" / 监听Listener import android.app.Activity; import and...
监听键盘上的删除键
09-11
runtime一个小运用。为textview和textfiled写个扩展类，交换deleteBackward方法。当文本为空，继续点击键盘删除按键，可监听到删除事件。
flutter 键盘监听 Android
最新发布
weixin_36888326的博客
08-01 73
给大家整理了一些有关【F,事件】的项目学习资料（附讲解～～）：https://edu.51cto.com/course/27963.htmlhttps://edu.51cto.com/course/29338.htmlFlutter 键盘监听在 Android 中的实现 目标 在这篇文章中，我们将学习如何在 Flutt...
Flutter键盘弹出关闭监听
Darksider博客
06-22 6595
遇到问题 在使用PinCodeField验证码控件的时候遇到一个问题，在Android上边，点击返回或者点击键盘右上角的关闭键盘是不会触发PinCodeField失去焦点的所以导致关闭键盘之后，PinCodeField一直处于获取焦点的状态，无法再次点击使PinCodeField获取焦点弹出键盘，所以我们要监听键盘的弹出和关闭去设置相应的焦点状态。 解决方案 第一种使用keyboard_visibility三方库 keyboard_visibility键盘弹出关闭监听 这个开发者已经很久没更新了，所以我把代
flutter 监听软键盘的弹出和关闭
冬无雪的博客
06-08 5831
flutter 监听软键盘的弹出和关闭 官方有一个keyboard_visibility 插件,但是不推荐用问题很多 （好像作者已经不更新了 而且编译会导致build.gradle 报错）https://pub.dev/packages/keyboard_visibility 需要监听软键盘的弹出和隐藏 主要用 WidgetsBindingObserver 这个继承类 class BottomKeyboardInputState extends State<BottomKeyboardInput&g
ios监听软键盘打开关闭事件
ITzhongzi的博客
06-12 1829
#import "ViewController.h" @interface ViewController ()<UITextFieldDelegate, UITextViewDelegate> @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // ...
flutter 中监听滑动事件
08-25
Flutter 中监听滑动事件 Flutter 中监听滑动事件是移动应用程序中非常重要的一部分，对用户交互体验有着直接的影响。在 Flutter 中，可以使用 Listener widget 来监听原始触摸事件，它也是一个功能性 widget。...
win10搭建flutter环境踩坑日记
sls666
07-25 1053
然后去看了网上的博客，又是去改build.gradle中的代理，又是改flutter.gradle，还尝试翻墙，最终总算成功的过去了，然后又蹦出了其他错误，不过没有截图保留。最近在win10上搭建了下flutter环境（当然，我是安卓），按照Flutter中文文档一步一步来的，踩了很多坑，不过最终还是运行出来了。那我改成已有的28行吗，还是不行，就得31，那只能去下了。已有AndroidStudio，之后去安装了Flutter插件，新建项目，运行，出了很多问题。之后就运行出来了，再贴一下！.........
Flutter键盘消失的方法
Care iOS技术团队
09-25 898
滚动的时候让键盘消失 NotificationListener( onNotification: (t) { if (t is UserScrollNotification) { //方法1（推荐） FocusScopeNode currentFocus = FocusScope.of(context); if (!currentFocus.hasPrimaryFocus && currentFocus.focusedChild != null)
Flutter 在生命周期里 使用观察者 监听键盘展开、关闭 或者 其他操作
大灰狼的小绵羊哥哥的博客
11-26 1218
Flutter 在生命周期里 使用观察者 监听键盘展开、关闭 或者 其他操作 我这里的代码是 收起键盘时 关掉输入框的焦点 首先with WidgetsBindingObserve 1.在初始化时 添加观察者WidgetsBinding.instance.addObserver(this); @override void initState() { // implement initState super.initState(); WidgetsBin..
键盘闪现出来又消失的解决办法
Dlg1992的博客
09-14 1534
原因分析：键盘收起来是有动画执行的（即有执行时间）当你在键盘收起刚开始时就pop，键盘的动画没有执行完，所以会在下个视图控制器中去执行。 解决方法：     //1.取消键盘     UITextField *utf0=(UITextField *)[self.view viewWithTag:1];     [utf0 resignFirstResp
flutter 监听键盘及didChangeMetrics重写失败
momaoxi的博客
12-21 1679
监听键盘及didChangeMetrics重写失败
Flutter 输入控件TextField设置内容并保持光标(cursor)在末尾
u013297881的专栏
10-29 2049
TextField( decoration: InputDecoration(hintText: "请输入用户名"), controller: TextEditingController.fromValue(TextEditingValue( // 设置内容 text: _useName.text, // 保持光标在最后 selection...
Flutter ModalBottomSheet 指导
会煮咖啡的猫咪
05-18 477
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IVVg67xJ-1621302028582)(https://ducafecat.tech/2021/05/18/translation/flutter-modalbottomsheet-for-beginners/2021-05-18-09-22-09.png)] 老铁记得 转发 ，猫哥会呈现更多 Flutter 好文~~~~ 微信 flutter 研修群 ducafecat 原文 https://evandrmb.medi
textfield监听删除按键 包括没有输入文字时（ios8 也可以使用）
zhaochunyang_0726
02-23 3101
@interface PFTextfield : UITextField @end -------------- @implementation PFTextfield /**  *  调用的私有方法，子类中重写该方法，父类执行  *  *  用途：主要应用于ios8中 没有输入文字时调用删除按钮  *  *  @param textField textfi
flutter 监听键盘弹起和收回
05-26
在Flutter中，可以使用以下代码来监听键盘弹起和收回事件： ```dart import 'package:flutter/services.dart'; // 监听键盘弹起和收回 final keyboardVisibilityController = KeyboardVisibilityController(); bool isKeyboardVisible = false; class KeyboardVisibilityController { final ValueNotifier<bool> visibilityNotifier = ValueNotifier<bool>(false); KeyboardVisibilityController() { // 监听键盘弹起和收回事件 SystemChannels.keyboard.addListener(_handleKeyboardVisibility); } void _handleKeyboardVisibility() { final bool isKeyboardOpen = WidgetsBinding.instance!.window.viewInsets.bottom > 0; visibilityNotifier.value = isKeyboardOpen; } void dispose() { // 移除监听 SystemChannels.keyboard.removeListener(_handleKeyboardVisibility); } } ``` 在上面的代码中，我们创建了一个 `KeyboardVisibilityController` 类来监听键盘弹起和收回事件。我们首先定义了一个 `ValueNotifier` 类型的对象 `visibilityNotifier`，用于通知键盘是否弹起。然后在构造函数中，我们调用 `SystemChannels.keyboard.addListener` 方法来添加监听器 `_handleKeyboardVisibility`，该方法将在键盘弹起和收回时被调用。在 `_handleKeyboardVisibility` 方法中，我们检查当前视图是否有底部间距，如果有，则表示键盘处于打开状态，否则表示键盘处于关闭状态。最后，我们在 `dispose` 方法中移除了监听器。 使用以上代码后，我们可以在其他 Widget 中监听键盘弹起和收回的事件，如下所示： ```dart class MyWidget extends StatefulWidget { @override _MyWidgetState createState() => _MyWidgetState(); } class _MyWidgetState extends State<MyWidget> { @override void initState() { super.initState(); // 监听键盘弹起和收回事件 keyboardVisibilityController.visibilityNotifier.addListener(() { setState(() { isKeyboardVisible = keyboardVisibilityController.visibilityNotifier.value; }); }); } @override void dispose() { // 移除监听 keyboardVisibilityController.visibilityNotifier.removeListener(() { setState(() { isKeyboardVisible = keyboardVisibilityController.visibilityNotifier.value; }); }); super.dispose(); } @override Widget build(BuildContext context) { return Container( child: isKeyboardVisible ? Text('键盘弹起了') : Text('键盘收回了'), ); } } ``` 在上面的代码中，我们在 `initState` 方法中添加了键盘弹起和收回的监听器，并在 `dispose` 方法中移除监听器。在 `build` 方法中，我们根据 `isKeyboardVisible` 变量来显示不同的文本内容，以便在键盘弹起或收回时进行不同的操作。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值