android - Jetpack compose 中的 ProgressDialog

Question

当用户执行某些操作(例如注册)时，我想显示不确定的进度对话框。可以使用 ProgressDialog 的旧方法.
对于撰写，我找到了 How can I render plain android ProgressBar with Compose?但这并不是我想要的，因为它只是一个 View 。它不像对话框那样覆盖屏幕。
与 CircularProgressIndicator我能够做到这一点:

如您所见，它显示在 View 下方。
我想创建这样的东西:

它应该有:

昏暗的背景

覆盖其他 View

不可取消

如何在 Jetpack compose 中实现这一点？

Answer 1

您可以使用 Dialog 可组合:

var showDialog by remember { mutableStateOf(false) }

if (showDialog) {
    Dialog(
        onDismissRequest = { showDialog = false },
        DialogProperties(dismissOnBackPress = false, dismissOnClickOutside = false)
    ) {
        Box(
            contentAlignment= Center,
             modifier = Modifier
                .size(100.dp)
                .background(White, shape = RoundedCornerShape(8.dp))
        ) {
            CircularProgressIndicator()
        }
    }
}