Flutter 获取键盘高度

逍遥咸鱼

已于 2022-09-27 20:09:08 修改

阅读量3.1k

点赞数 2

分类专栏： flutter 文章标签： flutter

于 2022-09-25 17:31:12 首次发布

本文链接：https://blog.csdn.net/Coutdie/article/details/127040419

版权

在键盘弹出时获取键盘高度

继承 WidgetsBindingObserver 。
在 initState 内添加 WidgetsBinding.instance.addObserver(this); 。
在 dispose 内添加 WidgetsBinding.instance.removeObserver(this); 。
重写 didChangeMetrics，如下：

  @override
  void didChangeMetrics() {
    super.didChangeMetrics();

    // 键盘高度
    final double viewInsetsBottom = EdgeInsets.fromWindowPadding(
            WidgetsBinding.instance.window.viewInsets,
            WidgetsBinding.instance.window.devicePixelRatio)
        .bottom;

    // 打印键盘高度
    print(viewInsetsBottom);

    setState(() {
      bottom = viewInsetsBottom;
    });
  }

完整代码：

import 'package:flutter/material.dart';

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<StatefulWidget> createState() => _HomePageState();
}

class _HomePageState extends Sta