Jetpack 撰写脚手架 TopAppBar 高度

Question

尝试将高度添加到 Scaffold topBar 中的 TopAppBar。使用Jetpack compose，材质3。

这是以前的工作方式：

TopAppBar(
        title = {
            Text(text = title)
        },
        elevation = 3.dp //Not valid anymore
    )

TopAppBar 当前允许的参数有：

public fun TopAppBar(
    title: @Composable () -> Unit,
    modifier: Modifier,
    navigationIcon: @Composable () -> Unit,
    actions: @Composable() (RowScope.() -> Unit),
    windowInsets: WindowInsets,
    colors: TopAppBarColors,
    scrollBehavior: TopAppBarScrollBehavior?
): Unit

这就是我所拥有的：

这就是我需要的：

可以在使用参数传递高程之前完成此操作，但这不再是选项。

提升整个 TopAppBar 的解决方案是什么？提前致谢！

Answer 1

你有没有试过用表面..？

Scaffold(topBar = {
    Surface(shadowElevation = 3.dp) {
        SmallTopAppBar(title = {
            Text(
                text = "title"
            )
        })
    }
}) {
// Content
}

检查输出：