我如何制作一个类似于Google新闻的SliverAppBar？

Posted 2021-04-11

我想在应用启动时使用标准的AppBar，但是，一旦用户开始滚动，我希望应用栏向上滑动并移出屏幕。但是，发生这种情况时，状态栏（在ios上）没有背景。我不想使用flutter_statusbarcolor之类的东西直接在状态栏上设置恒定的背景，因为这样会留下纯色，而不是小部件。

[

我目前唯一的解决方案是保持AppBar固定。

但是，我真正想做的是Google新闻。 AppBar几乎一直向上滑动，但是它不透明地停留在应用栏下方。

[Google新闻如何做到：

是否可以通过Flutter和SliverAppBar做到这一点，而又不要搞怪？我唯一想做的就是使用堆栈，但是，我如何知道如何将其保留在状态栏下，因为android在状态栏下已经有些不透明了。

答案

flutter中的滚动小部件具有用于通知滚动情况的控制器。您可以获取滚动条的数量，并相应地更改其不透明度，内容和大小。不过，这并不简单，但请看一下ScrollController使用的CustomScrollView。