Jetpack Compose：如何在Button点击回调内同步获取确认对话框结果？

Jetpack Compose是声明式UI框架，无法直接用命令式的同步阻塞方式调用对话框并获取结果，但可以通过协程挂起函数+可复用封装的方式，实现类似你伪代码里的集中式逻辑写法，避免分散的状态变量导致的混乱。

核心思路 #

利用协程的挂起特性，将对话框的显示和结果等待封装成一个挂起函数，在Button的点击回调中启动协程，调用该函数获取用户的确认结果后，再执行后续操作（比如model.delete()）。这种方式能把所有相关逻辑集中在同一处，无需分散到对话框的各个回调里。

实现代码 #

1. 封装可复用的确认对话框挂起函数

import kotlinx.coroutines.CompletableDeferred
import androidx.compose.runtime.*
import androidx.compose.material3.AlertDialog
import androidx.compose.material3.Button
import androidx.compose.material3.Text

@Composable
fun rememberConfirmationDialogLauncher(): suspend (title: String, message: String) -> Boolean {
    // 控制对话框显示的状态
    var showDialog by remember { mutableStateOf(false) }
    // 用于传递对话框结果的Deferred
    val resultDeferred = remember { mutableStateOf<CompletableDeferred<Boolean>?>(null) }

    // 根据状态渲染对话框
    if (showDialog) {
        AlertDialog(
            onDismissRequest = {
                // 用户点击外部关闭，返回false
                resultDeferred.value?.complete(false)
                resetDialogState()
            },
            title = { Text("确认操作") },
            text = { Text("确定要删除吗？") },
            confirmButton = {
                Button(onClick = {
                    // 用户确认，返回true
                    resultDeferred.value?.complete(true)
                    resetDialogState()
                }) {
                    Text("确认")
                }
            },
            dismissButton = {
                Button(onClick = {
                    // 用户取消，返回false
                    resultDeferred.value?.complete(false)
                    resetDialogState()
                }) {
                    Text("取消")
                }
            }
        )
    }

    // 重置对话框状态的辅助函数
    fun resetDialogState() {
        showDialog = false
        resultDeferred.value = null
    }

    // 返回挂起函数，用于触发对话框并等待结果
    return remember {
        suspend fun(title: String, message: String): Boolean {
            val deferred = CompletableDeferred<Boolean>()
            resultDeferred.value = deferred
            showDialog = true
            // 挂起等待用户操作结果
            return deferred.await()
        }
    }
}

2. 在业务Composable中使用

import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.runtime.remember
import androidx.compose.runtime.rememberCoroutineScope
import kotlinx.coroutines.launch

class Model {
    fun delete() {
        // 执行删除逻辑
        println("Delete!")
    }
}

@Composable
fun Demo() {
    val model = remember { Model() }
    // 获取对话框启动器
    val confirmationLauncher = rememberConfirmationDialogLauncher()
    // 获取协程作用域，用于启动挂起函数
    val coroutineScope = rememberCoroutineScope()

    Button(
        onClick = {
            coroutineScope.launch {
                // 调用对话框，等待用户确认结果
                val isConfirmed = confirmationLauncher("确认删除", "确定要执行删除操作吗？")
                // 根据结果执行后续逻辑
                if (isConfirmed) {
                    model.delete()
                }
            }
        }
    ) { Text("Delete") }
}

优势说明 #

• 逻辑集中：所有和删除操作相关的逻辑（触发对话框、处理结果、执行删除）都在Button的onClick回调内，无需分散到对话框的confirmButton或dismissButton中。
• 可复用性：封装的rememberConfirmationDialogLauncher可以在任意Composable中复用，避免重复编写对话框状态和UI代码。
• 避免状态混乱：无需为每个对话框单独维护XXXDialogVisible状态变量，减少状态管理的复杂度。

注意事项 #

• 必须在协程作用域内调用挂起函数，不能直接在onClick（非挂起回调）中调用，否则会编译报错。
• 该方式是非阻塞的，不会导致主线程ANR，符合Compose的UI线程规范。

内容的提问来源于stack exchange，提问作者t3chb0t