Android - Jetpack Compose - 模糊背景但不模糊视图内容（在对话框中）

Question

我想为对话框创建模糊背景。但对话框的内容必须是正常的（不能模糊）

类似这样的：https://pasteboard.co/CQU79nPbifvs.png（我无法在此处上传图像）

我有这个代码：

@Composable
fun PremiumDialog(
    onDismissRequest: () -> Unit,
    onConfirm: () -> Unit
) {
    var checked by rememberSaveable { mutableStateOf(true) }

    Dialog(
        onDismissRequest = onDismissRequest, properties = DialogProperties(
            dismissOnBackPress = true, usePlatformDefaultWidth = false
        )
    ) {
        Box(
            modifier = Modifier.fillMaxSize(),
            contentAlignment = Alignment.BottomCenter

        ) {
            Card(
                modifier = Modifier
                    .fillMaxWidth() 
                    .padding(
                        top = 20.dp, end = 20.dp, start = 20.dp, bottom = 18.dp
                    ) // Horní odsazení
                    .background(Color.Transparent),
                backgroundColor = DialogBackgroundColor,
                shape = DefaultDialogRoundedCorners, 
                border = BorderStroke(1.dp, Color.White.copy(0.20f)),
                elevation = 0.dp
            ) {

                }
            }
        }
    }
}

我尝试了https://github.com/skydoves/Cloudy或

Modifier.blur()

但没有任何效果

我认为这与 Jetpack compose 上的模糊工具栏背景有关

这在 Compose 中可能吗？我怎样才能实现它？

Answer 1

您尝试过这个库吗：https://github.com/chrisbanes/haze？