相等的位置:粘性的颤振？

Question

我想要构建类似于这个Spotify UI的东西。

​

​

最初，所有按钮都排在一排(绿色心脏，下载，三个点和绿色播放按钮)

但是，在页面滚动后，所有其他按钮都会在上面滚动，图片被转换为Appbar，但是play按钮只停留在Appbar的中间，而不是滚动。这相当于位置: CSS的粘性。

​

​

我在SliverAppBar和SliverPersistentHeaders上做了一些研究，我知道可以用SliverAppbar或SliverPersistentHeaderDelegate制作图片到应用程序的转换，但是我无法弄清楚如何使绿色播放按钮粘在应用程序的中间。

任何帮助都将不胜感激！谢谢。

Answer 1

我为同一个用例https://pub.dev/packages/flutter_sticky_widgets创建了一个包。