如何在SliverAppBar上使边缘透明？

Question

如果您可以看到图表的容器边缘在FlexibleSpace的{​​{1}}上不透明，并且看起来很奇怪。现在，我有一个AppBar，然后放置了主题的背景，我也尝试使其透明，但根本不起作用

Scaffold

Answer 1

这里的问题是SliverAppBar不在您的SliverList下方，而只是在其顶部。

这意味着这两个条没有重叠，这就是为什么当实际上是SliverAppBar收缩时，它看起来像是在底部修剪SliverAppBar。

如果要使SliverList的效果遍及灵活空间，可以使用堆栈。您将SliverAppBar的内容放在背景中，然后将CustomScrollView放在其顶部。

请不要忘记在CustomScrollView的SliverAppBar中添加一个高度为300的空容器，以用作现在位于后台的内容的“窗口”。

希望您可以解决这个问题！