伸缩头效果

时间:2019-02-07 18:44:55

标签: flutter flutter-layout flutter-animation flutter-sliver

我正在寻找这样的标题效果:

stretchy header

我特别想要它,因此当用户在iOS上过度滚动时,图像应缩放以填充额外的空间。然后,在Android和iOS上,当用户开始向下滚动屏幕时,应使用视差效果将页眉滚动开。

我从以下软件包中提取了上面的屏幕视频:https://github.com/gskbyte/GSKStretchyHeaderView

可以在此处找到另一个示例:https://medium.freecodecamp.org/tutorial-creating-stretchy-layouts-on-ios-using-auto-layout-3fa974fa5e28

我在玩SliverPersistentHeaderFlexibleSpaceBar的游戏,但是我无法完全达到我想要的效果。

2 个答案:

答案 0 :(得分:1)

考虑一下您需要的是带有灵活空格键的Sliver应用程序栏。在这里看看:https://medium.com/@diegoveloper/flutter-collapsing-toolbar-sliver-app-bar-14b858e87abe

答案 1 :(得分:1)

考虑使用approach包中的stretchy header