如何为AndroidJetpackComposeColumn或Row添加渐隐边缘效果?

我需要实现具有顶部渐隐边缘效果的 LazyColumn。在 Android 上,我对 ListView 或 RecyclerView使用淡入淡出渐变,但找不到 Jetpack Compose 的任何解决方案!

我试图修改画布:

@Composable
fun Screen() {
    Box(
        Modifier
            .fillMaxWidth()
            .background(color = Color.Yellow)
    ) {
        LazyColumn(
            modifier = Modifier
                .fillMaxSize()
                .drawWithContent {
                    val colors = listOf(Color.Transparent, Color.Black)
                    drawContent()
                    drawRect(
                        brush = Brush.verticalGradient(colors),
                        blendMode = BlendMode.DstIn
                    )
                }
        ) {
            itemsIndexed((1..1000).toList()) { item, index ->
                Text(
                    text = "Item $item: $index value",
                    modifier = Modifier.padding(12.dp),
                    color = Color.Red,
                    fontSize = 24.sp
                )
            }
        }
    }
}

但有错误的结果:

以上是如何为AndroidJetpackComposeColumn或Row添加渐隐边缘效果?的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>