如何在滚动颤动中隐藏 Appbar 并显示自定义容器小部件

Question

嗨，我是 Flutter 至少 1 周后的新手，我尝试创建一个这样的 UI，它隐藏 appbar，同时在 UI 的底部显示自定义容器以及褪色效果，任何想法都将不胜感激请参阅下面的链接以查看我的想法谢谢

My_idea_UI

Answer 1

如果你只想隐藏AppBar，我推荐使用SliverAppBar。

对于你的高级行为，你必须学会​​使用CustomScrollView。

对于底部导航，您需要自己制作动画。您可以通过动画使用脚手架的bottomNavigationBar，正如answer 中所解释的那样，这非常接近您的需要。但是在SliverAppBar 上将 pinned 设置为 false。根据您的需要，也许 snap 也设置为 false。

您也可以尝试在Stack 中使用Positioned 进行动画处理或自定义CustomMultiChildLayout，最后一个不太容易实现，所以我建议您选择简单的解决方案。