Jetpack在LazyColumn上合成阴影

Question

我试图在列表标题下面绘制此阴影，以使LazyColumn项在标题(或后面)滚动的错觉：

​

我试过：

使用result.

• drawing的

1. ，但是它不会产生一个具有梯度背景的Box，它可以做我想做的事情，但是会透支LazyColumn元素。

为了对抗我的渐变图，我尝试了以下步骤：

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

当然，这些都没有用。在绘制LazyColumn元素后，梯度立即消失。

​

我遗漏了什么？

Answer 1

你试过海拔很高的曲面吗？

来自docs https://developer.android.com/jetpack/compose/designsystems/material#elevation-overlays

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

// TODO - Put your list header here.

 }