Jetpack Compose中状态为false但AlertDialog无法隐藏问题求助

我在Jetpack Compose中实现了一个由布尔状态控制显示/隐藏的AlertDialog，点击关闭按钮后已经将状态改为false（日志验证过状态确实是false），但Dialog仍然无法隐藏。之前在另一个Activity中使用这段代码可以正常关闭，不清楚当前问题原因。

相关代码 #

DialogViewModel代码 #

class DialogViewModel : ViewModel() {
    companion object {
        val myPrefs by mutableStateOf( DialogPref() )
    }
}

class DialogPref {
    var openDialog: Boolean = false
    var title: String = ""
    var subtitle: String = ""
}

触发Dialog显示的代码 #

loginsViewModel.getLiveDataObserver().observe(this) {
    if (it != null) {
        if(it.code.toString() == "1")
        {
            Handler(Looper.getMainLooper()).postDelayed({
                loadingViewModel.onDialogDismiss()
                val intent = Intent(this, SigninotpActivity::class.java)
                intent.putExtra("method", it.value.otpVia.method)
                intent.putExtra("via", it.value.otpVia.via)
                intent.putExtra("phone", phoneSignin)
                intent.putExtra("password", passwordSignin)
                intent.putExtra("token", it.value.token)
                intent.putExtra("biometric", "none")
                startActivity(intent)
            }, 2000)
        }
        else{
            Handler(Looper.getMainLooper()).postDelayed({
                loadingViewModel.onDialogDismiss()
                DialogViewModel.myPrefs.openDialog = true
                DialogViewModel.myPrefs.title = "Your mobile number or password is incorrect"
                DialogViewModel.myPrefs.subtitle = "Please ensure you enter a valid mobile number and password before trying again."
            }, 2000)
        }
    } else {
        Handler(Looper.getMainLooper()).postDelayed({
            loadingViewModel.onDialogDismiss()
            Toast.makeText(applicationContext, "Something Error", Toast.LENGTH_LONG).show()
        }, 2000)
    }
}

Dialog实现代码 #

if (DialogViewModel.myPrefs.openDialog) {
    AlertDialog(
        onDismissRequest = {
            DialogViewModel.myPrefs.openDialog = false
        },
        title = {
            Text(
                text = DialogViewModel.myPrefs.title,
                fontSize = 24.sp,
                fontFamily = roboto,
                fontWeight = FontWeight.Medium
            )
        },
        text = {
            Text(
                text = DialogViewModel.myPrefs.subtitle,
                fontSize = 19.sp,
                fontFamily = roboto,
                fontWeight = FontWeight.Normal,
                lineHeight = 27.sp,
                color = Color(android.graphics.Color.parseColor("#000000")).copy(alpha = 0.5f)
            )
        },
        buttons = {
            Row(
                modifier = Modifier.padding(top = 30.dp),
                horizontalArrangement = Arrangement.End
            ) {
                Spacer(modifier = Modifier.weight(1f))
                ClickableText(
                    text = buildAnnotatedString { append("OK") },
                    onClick = {
                        DialogViewModel.myPrefs.openDialog = false
                        notifyAll() // 此处notifyAll()无意义，属于冗余代码
                    },
                    style = TextStyle(
                        fontSize = 14.sp,
                        lineHeight = 17.sp,
                        fontFamily = roboto,
                        fontWeight = FontWeight.Medium,
                        color = Color(android.graphics.Color.parseColor("#673AB7"))
                    ),
                    modifier = Modifier.padding(end = 50.dp, bottom = 20.dp)
                )
            }
        }
    )
}

问题原因 #

核心问题是Compose的重组触发逻辑：你在DialogViewModel中用mutableStateOf(DialogPref())包装了myPrefs，但DialogPref内部的openDialog是普通的var变量，并非Compose可观察的状态。当你修改openDialog的值时，myPrefs的引用并没有发生变化，Compose无法感知到内部属性的修改，因此不会触发重组来隐藏Dialog。

之前在另一个Activity中能正常工作，大概率是因为其他操作（比如页面跳转、其他状态变化）触发了整个Compose树的重组，间接让Dialog的状态判断重新执行。但当前场景下没有额外的重组触发源，所以Dialog不会自动隐藏。

另外，你在点击事件里写的notifyAll()是完全冗余的，这里不存在线程同步的等待/通知场景，直接删除即可。

解决方案 #

有两种常见的修复方式，任选其一即可：

方式1：将DialogPref的属性改为Compose可观察状态 #

把DialogPref中的每个属性都用mutableStateOf包装，让Compose能感知到单个属性的变化：

class DialogPref {
    var openDialog by mutableStateOf(false)
    var title by mutableStateOf("")
    var subtitle by mutableStateOf("")
}

class DialogViewModel : ViewModel() {
    companion object {
        val myPrefs = DialogPref() // 不再需要外层的mutableStateOf，因为内部属性已是可观察状态
    }
}

方式2：替换整个DialogPref对象触发重组 #

保持DialogPref为普通数据类，修改状态时创建新的DialogPref对象，让myPrefs的引用发生变化，从而触发Compose重组：

// 先把DialogPref改成数据类（方便复制）
data class DialogPref(
    val openDialog: Boolean = false,
    val title: String = "",
    val subtitle: String = ""
)

class DialogViewModel : ViewModel() {
    companion object {
        var myPrefs by mutableStateOf(DialogPref())
    }
}

// 修改状态时的写法示例：
// 显示Dialog
DialogViewModel.myPrefs = DialogViewModel.myPrefs.copy(
    openDialog = true,
    title = "Your mobile number or password is incorrect",
    subtitle = "Please ensure you enter a valid mobile number and password before trying again."
)

// 隐藏Dialog
DialogViewModel.myPrefs = DialogViewModel.myPrefs.copy(openDialog = false)

额外建议 #

1. 尽量避免在ViewModel的companion object中存储状态，这种全局状态会导致状态管理混乱，建议将myPrefs作为ViewModel的成员变量，通过ViewModel实例访问。
2. 处理LiveData时，建议使用observeAsState()转换为Compose可观察状态，替代传统的observe()回调，更符合Compose的开发模式。

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