flutter - 如何在屏幕 Flutter 上听键盘？

Question

我正在构建一个移动应用程序，我想在键盘出现在屏幕上时删除一个小部件，即当输入文本字段处于焦点时。

我曾尝试使用 RawKeyboardListener 但这似乎不起作用，我的代码如下:

new Container(
  child: new RawKeyboardListener(
    focusNode: new FocusNode(),
    onKey: (input) => debugPrint("*****KEY PRESSED"),
    child: new TextField(
      controller: new TextEditingController(),
    ),
  ),
);

Answer 1

您可以使用这个简单的检查:

MediaQuery.of(context).viewInsets.bottom == 0

当 this 返回 true 时键盘关闭，否则打开。请注意获取整个屏幕的上下文(例如 Scaffold)，而不仅仅是一个小部件。

这就是您将该检查集成到您的代码中的方式:

Visibility(
  child: Icon(Icons.add),
  visible: MediaQuery.of(context).viewInsets.bottom == 0,
)