Flutter：透明的应用栏正在隐藏内容

Question

我有一个透明的应用栏，它隐藏了我的一些内容，因为内容从应用栏后面开始：

我的 Scaffold 看起来像这样：

return Scaffold(
  extendBody: true,
  extendBodyBehindAppBar: true,
  appBar: getAppBar(),
  body: generateMainBody(context),
);

如果我将 extendBodyBehindAppBar 设置为 false 它会起作用，但是，appbar 将不再透明（当滚动不属于那个很酷的形状的区域时，它将是黑色的并且不像在截图）。

我想添加一些顶部填充来将剪切的内容向下移动一点，但肯定有更好的解决方案吗？

Answer 1

在您的 generateMainBody 函数中，用填充包裹当前 return 并更改填充 padding: const EdgeInsets.only(top: 8.0),。您可以增加或减少“8.0”以最适合您的应用。

Answer 2

由于唯一的解决方案似乎是某种填充，因此我解决了这个问题：

SizedBox(height: MainAppBar.appBarHeight)

我只是在我的内容顶部添加了一个高度为 AppBar 的空 SizedBox。

Flutter: Transparent appbar is hiding content