如何设置FilterChip的containerColor？消除elevation对颜色的影响

方法一：固定所有状态下的容器颜色（保留系统elevation） #

Compose的FilterChip会根据elevation自动给容器颜色加tint，本质是因为它会根据状态切换不同的颜色变体。你可以通过FilterChipDefaults.filterChipColors把所有状态下的containerColor都设为你需要的固定值，这样不管elevation怎么变化，颜色都不会被修改：

FilterChip(
    selected = false,
    onClick = {},
    // 保留系统elevation实现阴影
    elevation = FilterChipDefaults.elevation(
        defaultElevation = 4.dp,
        pressedElevation = 6.dp
    ),
    colors = FilterChipDefaults.filterChipColors(
        containerColor = Color(0xFFE57373), // 你的目标颜色
        disabledContainerColor = Color(0xFFE57373),
        selectedContainerColor = Color(0xFFE57373),
        pressedContainerColor = Color(0xFFE57373),
        focusedContainerColor = Color(0xFFE57373),
        hoveredContainerColor = Color(0xFFE57373)
    )
) {
    Text("固定颜色的FilterChip")
}

方法二：自定义阴影+背景（避免系统elevation的tint） #

如果你不想用系统自带的elevation，想通过Modifier.shadow实现阴影，之前出现空隙是因为Modifier顺序和shape不匹配。正确的做法是关闭系统elevation，按背景→裁剪→阴影的顺序设置Modifier，同时保证shadow的shape和裁剪shape一致：

FilterChip(
    selected = false,
    onClick = {},
    elevation = 0.dp, // 关闭系统elevation，避免tint
    colors = FilterChipDefaults.filterChipColors(
        containerColor = Color.Transparent // 让系统容器透明，用自定义背景
    ),
    modifier = Modifier
        .background(Color(0xFFE57373)) // 设置自定义背景色
        .clip(FilterChipDefaults.shape) // 裁剪成FilterChip默认形状
        .shadow(
            elevation = 4.dp,
            shape = FilterChipDefaults.shape // 阴影形状和裁剪形状保持一致
        )
) {
    Text("自定义阴影的FilterChip")
}

这样设置后，阴影会贴合Chip边缘，不会出现空隙，同时颜色完全由你自定义的background控制，不受任何elevation影响。

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