Flutter实战项目-第八篇监听键盘弹起

原创已于 2022-06-22 16:45:25 修改 · 4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android #前端

于 2022-05-08 13:30:58 首次发布

Flutter 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何在Flutter中使用WidgetsBindingObserver来监测软键盘的出现和消失，通过didChangeMetrics方法实现页面高度调整与键盘操作联动。

概要

监听应用软键盘收齐弹出

一、WidgetsBindingObserver

WidgetsBindingObserver类可以使用于监听页面的生命周期，根据用户时间需求响应响应时间。

didChangeMetrics在页面高度发生变化的时候会触发该回调。

class Chat extends StatefulWidget {
  const Chat({ Key? key }) : super(key: key);
  static const routeName = '/chat';

  @override
  State<Chat> createState() => _ChatState();
}

class _ChatState extends State<Chat> with WidgetsBindingObserver{
    @override
    void initState() {
      super.initState();
      //初始化
      WidgetsBinding.instance?.addObserver(this);
    }

  @override
  void didChangeMetrics() {
    super.didChangeMetrics();
    WidgetsBinding.instance?.addPostFrameCallback((_) {
      setState(() {

          if(MediaQuery.of(context).viewInsets.bottom==0){
            //关闭键盘

           }else{
            //显示键盘
          }

      });
    });
  }

  @override
  void dispose() {
    scrollController.dispose();
    WidgetsBinding.instance?.removeObserver(this);
    super.dispose();
  }

    Widget build(BuildContext context) {
        return Containe();
    }
}