为什么喷气背包组成仰角夹我的影子？ [英] Why jetpack compose elevation clip my shadow?

问题描述

我对Jetpack Compose Elevation Render有一个问题。我正试着在曲面上添加立面，但我的用户界面似乎带有剪裁的阴影。另外，如何在我的Surface上添加彩色阴影？

请参见屏幕截图上的下图

@Composable
fun DiscoverItem() {
    Surface(
        contentColor = Color(0xFFFFFFFF),
        modifier = Modifier.preferredWidthIn(min = 145.dp).preferredHeight(56.dp),
        shape = CircleShape,
        elevation = 8.dp,
    ) {
        Row(
            modifier = Modifier.fillMaxSize().padding(horizontal = 8.dp),
            verticalAlignment = Alignment.CenterVertically
        ) {
            Surface(
                modifier = Modifier.preferredSize(40.dp),
                shape = CircleShape,
                color = Color(0xFFFFC3D8)
            ) {
                Image(
                    imageResource(R.drawable.pin_icon),
                    modifier = Modifier.size(width = 18.dp, height = 24.dp),
                    contentScale = ContentScale.Fit
                )
            }
            Spacer(modifier = Modifier.padding(start = 10.dp))
            Text(
                "YOUR AREA",
                style = MaterialTheme.typography.body2,
                color = Color(0xFFFC1055)
            )
        }
    }
}

@Composable
@Preview
fun DiscoverItemPreview() {
    DiscoverItem()
}

推荐答案

您版面底部的内容不足。您可以添加间隔以查看您的阴影。

@Composable
@Preview
fun DiscoverItemPreview() {
    Column{
    DiscoverItem()
    Spacer(modifier = Modifier.height(20.dp))
    }
}

关于彩色阴影，Compose min SDK是安卓棒棒糖，Skia版本的棒棒糖不支持彩色阴影/提升。利兰·理查森在他的YouTube视频中谈到了这个问题。here

这篇关于为什么喷气背包组成仰角夹我的影子？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！