如何防止AppBar覆盖背景？

Question

我正在尝试使用#topBar{ background-color: #333333; height: 40px; width: 100%; margin: 0px ; } #logo{ height: 50px; width: 50px; position: fixed; margin-top: 10px; } 和AppBar小部件来实现自定义PreferredSize。结果如下：

但是，当我向下滚动时，AppBar布局会覆盖背景（这是支架的Card部分），如下所示：

查看第二张屏幕截图： 自定义AppBar涵盖了其下的所有内容。有办法防止这种情况吗？

顺便说一下，这些示例图像来自附加在body的{​​{1}}上的StreamBuilder小部件。

这是代码：

body

感谢您的回答！

Answer 1

与其直接将PreferredSize应用栏设置为appBar的{​​{1}}属性，而不是将Scaffold设置为Stack内。该代码应可实现您所需的结果。

body

样品出来：