Android中如何让屏幕内元素阴影保持均匀一致？

如图所示，屏幕位置越靠下的Card，其阴影越明显。

生成该效果的代码如下：

Column(
    modifier = modifier
        .fillMaxSize()
        .background(Color.White)
) {
    val cards = listOf(1, 2, 3, 4, 5, 6, 7, 8)
    cards.forEachIndexed { index, item ->
        Card(
            modifier = Modifier
                .fillMaxWidth()
                .padding(10.dp)
                .height(80.dp)
                //.shadow(4.dp)
            , shape = RoundedCornerShape(8.dp),
            elevation = CardDefaults.outlinedCardElevation(4.dp)
        ) {
            Text(index.toString())
        }
    }
}

使用LazyColumn也无明显变化，无论采用Modifier.shadow还是elevation属性均是如此。实际上即使屏幕中只有单个元素，其位置越靠下阴影也会越明显。

现需解决：如何让屏幕上方与下方的Card（元素）阴影保持均匀一致？

这是Jetpack Compose默认的**动态阴影（Dynamic Shadow）**特性导致的，它会根据元素在屏幕中的位置模拟真实光照效果，越靠近屏幕底部阴影越重。要让阴影保持一致，可通过以下方式处理：

方式一：全局禁用动态阴影 #

在Compose主题配置中，将shadowElevationOverlay设为null，全局所有元素的阴影将固定不再随位置变化：

MaterialTheme(
    colorScheme = colorScheme,
    typography = Typography,
    shapes = Shapes,
    shadowElevationOverlay = null // 关闭动态阴影全局特性
) {
    // 应用内容区域
}

方式二：单独为Card禁用动态阴影 #

若无需全局修改，仅针对目标Card关闭动态阴影，可在CardDefaults.cardElevation中指定shadowElevationOverlay为null：

Card(
    modifier = Modifier
        .fillMaxWidth()
        .padding(10.dp)
        .height(80.dp),
    shape = RoundedCornerShape(8.dp),
    elevation = CardDefaults.cardElevation(
        defaultElevation = 4.dp,
        shadowElevationOverlay = null // 单独禁用该Card的动态阴影
    )
) {
    Text(index.toString())
}

方式三：固定Modifier.shadow的阴影颜色 #

如果使用Modifier.shadow实现阴影，可直接固定ambientColor和spotColor的取值，避免动态变化：

Modifier.shadow(
    elevation = 4.dp,
    shape = RoundedCornerShape(8.dp),
    ambientColor = Color.Black.copy(alpha = 0.1f), // 固定环境阴影色
    spotColor = Color.Black.copy(alpha = 0.2f) // 固定点光源阴影色
)

内容的提问来源于stack exchange，提问作者alois