flutter 监听键盘及didChangeMetrics重写失败

因公司项目需求,需要监听键盘的显示和消失,但是根据网上寻找的方法还是踩了不少坑,今天就把踩的坑和如何监听键盘记录一下

1.监听键盘

 @override

  void initState() { //初始化程序

    super.initState();

    WidgetsBinding.instance.addObserver(this); //注册监听器

  }

2.继承WidgetsBindingObserver类 

没错,这就是我踩坑的地方,必须先继承WidgetsBindingObserver类才可以调用重写didChangeMetrics方法

class _MenTabState extends State<MenTab> with WidgetsBindingObserver {

}

3.重写didChangeMetrics方法

bool isShow = false; 

@override

  void didChangeMetrics() {     //系统窗口相关改变回调,如旋转

    super.didChangeMetrics();

    WidgetsBinding.instance.addPostFrameCallback((_) {

      setState(() {

        //因为判断键盘的方法失效,改用变量进行判断

        //更改键盘状态

        isShow = !isShow;

        //MediaQuery.of(context).viewInsets.bottom == 0 键盘是否显示判断方法

      });

    });

  }

4.取消监听

  @override

  void dispose() {

    super.dispose();

    print('页面销毁');

    WidgetsBinding.instance.removeObserver(this);

  }

完整代码 

class _MenTabState extends State<MenTab> with WidgetsBindingObserver {

  @override

  void initState() {

    //初始化程序

    super.initState();

    WidgetsBinding.instance.addObserver(this); //注册监听器

  }

  bool isShow = false;

  @override

  void didChangeMetrics() {   //系统窗口相关改变回调,如旋转,键盘调用

    super.didChangeMetrics();

    WidgetsBinding.instance.addPostFrameCallback((_) {

      setState(() {

        //更改键盘状态

        isShow = !isShow;

        print("isShow");

        print(isShow);

      });

    });

  }

  @override

  void dispose() {

    super.dispose();

    //取消订阅

    print('页面销毁');

    WidgetsBinding.instance.removeObserver(this);

    _controller.dispose();

  }

//监听文本框

  TextEditingController _controller = new TextEditingController();

  @override

  Widget build(BuildContext context) {}

}

  • 28
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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` 变量来显示不同的文本内容,以便在键盘弹起或收回时进行不同的操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值