Jetpack Compose 中自定义对话框显示的问题。 不正确的背景

Question

我在 ini 中从常见的 class 创建了自定义对话框

init {
    activity.setContent {
        CustomDialog(viewModel)
    }
}

@Composable
fun CustomDialog(viewModel: ViewModel){
Dialog(
        onDismissRequest = {  },
        properties = DialogProperties(dismissOnBackPress = true, dismissOnClickOutside = true)
    ) {
}
}

但是dialog background下是一个空activity，而且必须是preference activity。

不正确的可组合：

通过 XML 正确对话：

我试过了，但没有帮助

                        Surface(modifier = Modifier.background(Color.Transparent)) {
                            CustomDialog(viewModel)
                        }
    ```

Answer 1

例子：

Dialog(onDismissRequest = { onDismissRequest() }, properties = DialogProperties()) {
        Column(
            modifier = Modifier
                .wrapContentSize()
                .background(
                    color = MaterialTheme.colors.surface,
                    shape = RoundedCornerShape(size = 16.dp)
                ).clip(shape = RoundedCornerShape(size = 16.dp))
        ) {
    //.....

   }
}

Answer 2

找到解决方案：

dialog?.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
dialog?.window?.setDimAmount(0.0f)