如何在Flutter中进行滑动面板？

Question

我正在Flutter上构建概念证明并尝试尽可能复制现有的应用程序。我们当前的应用程序在列表顶部有一个滑动面板，也就是在Flutter中有相同的行为吗？

Current behaviour GIF

Answer 1

您可以使用Animation展开面板。在下面的代码中，我使用AnimatedBuilder在动画滴答时调整面板大小。

因为面板位于应用栏中，所以让它与滚动很好地交互是很棘手的。一旦方法（如下所示）使用NestedScrollView并将展开式面板放在bottom的{​​{1}}中。它感觉很好，但它确实会导致内容被扩展面板推下来，并且在项目列表边缘与滚动物理有一些温和的交互。如果您想进一步自定义行为，可以复制SliverAppBar并根据自己的喜好进行修改。

NestedScrollView