android - Jetpack 在 LazyColumn 上撰写阴影

Question

我正在尝试在列表标题下方绘制此阴影，以产生LazyColumn在标题下方（或后面）滚动的项目的错觉：

我试过了：

1. 使用Modifier.shadow()但它不会产生预期的结果。
2. 绘制Box带有渐变背景的 a，这可以满足我的要求，但会被LazyColumn元素透支。

为了在我的渐变上对抗这种绘图，我尝试了以下方法：

1. 放在Box后面LazyColumn，
2. 设置Modifier.zIndex(10f)为Box.

当然，这些都不起作用。LazyColumn绘制元素后，渐变立即消失。

我错过了什么？

标签： androidandroid-jetpack-compose

Answer 1

您是否尝试过具有高程的 Surface？

来自文档 https://developer.android.com/jetpack/compose/themes

Surface(
    elevation = 2.dp,
    color = MaterialTheme.colors.surface, // color will be adjusted for elevation
    /*...*/
) { 

// TODO - Put your list header here.

 }