如何对面板进行动画处理，使其具有“推动”效果

Question

我有一个简单的聊天应用，例如布局：

点击加号后，面板应从底部滑入：

问题很明显，面板上方的安全区域填充未被移除。

我想知道如何为面板滑动设置动画，以使面板看起来先覆盖安全区域填充，然后向上推文本字段。

当前布局构成一个列小部件，其中包含顶部白色区域，文本字段和底部面板。文本字段和面板均包含一个SafeArea。该面板具有SizeTransition动画。

我发现覆盖安全区域填充是最棘手的部分。因为我不能简单地设置其大小的动画。动画必须与面板滑动同步。

有什么办法可以实现？

谢谢