如何在 Flutter 中将容器堆叠在键盘上，类似于 WhatsApp 聊天中的“更多”部分

Question

如何在类似于 WhatsApp 更多部分的键盘上堆叠容器，就像下面的 gif 一样？

或者，我尝试使用底部薄片，但底部薄片关闭了键盘，然后将其打开。

Answer 1

不幸的是，正如其他答案所说，如果您真的想要这个，您必须使用自定义应用程序内键盘，即使这需要大量工作。

在 Android 上确实可以通过键盘进行绘图，但在 iOS 上根本不可能。如果您在 iOS 上的 WhatsApp 中检查相同的功能，它不会执行该动画，因为 iOS 不允许。

这里的问题是键盘是由手机操作系统控制的，因此不允许 Flutter 在键盘上渲染，就像无法在屏幕顶部的状态栏上渲染一样。

Answer 2

最好的解决方案是使用焦点节点隐藏键盘：

 void _unFocusKeyboard() {
    FocusScope.of(context).unfocus();
 }

Answer 3

Medium 上这篇名为“Flutter 中的自定义应用内键盘”的文章，作者为“Suragch”，可能会对您有所帮助。

Suragch 在 Flutter 中自定义应用内键盘

Answer 4

我认为是屏幕底部“容器”的动画。