喷气背包中的ProgressDialog compose

Question

当用户执行某些操作（例如注册）时，我想显示不确定的进度对话框。使用ProgressDialog.

对于 compose，我发现了这个How can I render plain android ProgressBar with Compose？但这并不是我想要的，因为它只是一个视图。它不像对话框那样覆盖屏幕。

随着CircularProgressIndicator我能够做到这一点：

如您所见，它显示在视图下方。

我想创建这样的东西：

它应该有：

1. 昏暗的背景
2. 绘制其他视图
3. 不可取消

如何在 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()
        }
    }
}