Android Jetpack Compose: тень не отображается должным образом для темного контента

Я пытаюсь показать тень на карте, поверхности или в любом контейнере, но тень не отображается при темном содержимом. Не имеет значения: черный цвет или внутреннее темное изображение. Попробовал изменить цвет тени на красный и обнаружил, что интенсивность тени уменьшается по мере увеличения темного содержимого.

Как показать полную тень для темного контента?

      @Preview
@Composable
fun TestComposable() {
    Column(
        Modifier
            .fillMaxSize()
            .background(color = Color.White)) {
        ShadowCardView(Color.Black)
        ShadowCardView(Color.DarkGray)
        ShadowCardView(Color.White)
    }
}

@Composable
fun ShadowCardView(color: Color) {
    val shape = RoundedCornerShape(15.dp)
    Surface(
        modifier = Modifier
            .padding(start = 50.dp, top = 50.dp)
            .width(200.dp)
            .height(100.dp)
            .shadow(
                elevation = 20.dp,
                spotColor = Color.Red,
                ambientColor = Color.Red,
                shape = shape
            ),
        shape = shape,
        color = color,
    ) {}
}

1 ответ

Похоже на ошибку.

Вы можете попробовать изменить порядок цветов с белого на черный.

Следующий элемент рисуется с более яркими тенями.

Другие вопросы по тегам