带有浮动顶栏的脚手架（Jetpack Compose）

Posted 2023-02-23

【中文标题】带有浮动顶栏的脚手架（Jetpack Compose）

【英文标题】：Scaffold with floating Topbar (Jetpack Compose)

【发布时间】：2021-11-11 20:31:02

【问题描述】：

我需要Scaffold 中的topbar 可组合，它漂浮在主要内容（正文）上。目前Scaffold 将topbar 放在主要内容上。这会减小应该填满整个屏幕的主要内容的大小。

【问题讨论】：

好的，但是这样topAppBar会覆盖主要内容。

是的，我知道这一点。我打算在上面添加填充。

【参考方案1】：

在这种情况下，您可以在 Scaffold 的内容部分添加可组合的 TopAppBar

Scaffold 
      Box 
           BodyContent()
           TopAppBar(modifier = Modifier.fillMaxWidth())