为什么 PopUp 可组合项在 jetpack compose 中不采用圆角？

Question

我在我的 jetpack compose 项目中使用了 PopUp 可组合项。我已将角应用到 PopUp 可组合项内的 Surface，因为它本身不采用修饰符参数。但它只剪切了表面，弹出的边缘角仍然可见。

这是我尝试过的代码：-

Popup(
        alignment = Alignment.Center
    ) {
        Surface (
            shape = MaterialTheme.shapes.medium,
            modifier = modifier
                .fillMaxWidth(0.9f)
        ){
        Column (modifier = Modifier.padding(15.dp)){
            folderAccessInstructions.forEach { string ->
                    Text(text = string)
            }
        }
        }
    }

Answer 1

您不需要使用

Surface

，只需将

.clip

和

.background

Modifiers 添加到

Column

Composables。

这是代码

@Preview(showBackground = true)
@Composable
fun Stack016() {
    Popup {
        Column(
            modifier = Modifier
                .clip(shape = RoundedCornerShape(25))
                .background(color = Color.Red)
                .padding(15.dp)
        ) {
            folderAccessInstructions.forEach { string ->
                Text(text = string)
            }
        }
    }
}

预览