在XML布局的Android Activity中使用ComposeView展示自定义对话框报错如何解决

方案可行性 #

该方案完全可行，你遇到的崩溃属于ComposeView嵌入非Compose容器的常规适配问题，不属于架构层面的不可行问题。

报错原因 #

ComposeView正常运行要求所在的视图树必须提前绑定三个核心Owner：ViewTreeLifecycleOwner、ViewTreeSavedStateRegistryOwner、ViewTreeOnBackPressedDispatcherOwner。你直接使用原生Dialog加载自定义布局时，Dialog的根布局不会自动继承Activity的这些Owner属性，因此触发了ViewTreeLifecycleOwner not found异常。

修复方案 #

方案1：手动绑定Owner（改动最小） #

只需要在调用composeView.setContent()之前，手动给ComposeView绑定当前Activity的三个Owner即可，修改后的Dialog相关代码如下：

val dialog =  Dialog(this@MainActivity)
dialog.setContentView(R.layout.custom_dialog);
val composeView = dialog.findViewById<ComposeView>(R.id.composeView)
// 新增以下三行绑定代码
composeView.setViewTreeLifecycleOwner(this@MainActivity)
composeView.setViewTreeSavedStateRegistryOwner(this@MainActivity)
composeView.setViewTreeOnBackPressedDispatcherOwner(this@MainActivity)
// 原有setContent逻辑不变
composeView.setContent {
    Button(
        onClick = {
            dialog.dismiss()
        },
    ) {
        Text("Superrr")
    }
}

方案2：使用兼容Compose的Dialog组件 #

你也可以直接把原生Dialog替换为androidx.appcompat.app.AlertDialog或者继承自ComponentDialog的对话框类型，这类对话框会自动完成Owner绑定，不需要手动添加上述代码。

方案3：全Compose实现对话框 #

如果不需要兼容原有XML布局的逻辑，也可以直接用Compose自带的Dialog或者AlertDialog组件实现整个自定义对话框，不需要编写XML布局，代码更简洁。

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