能否在Flutter应用中集成Jetpack Compose？集成遇异常求助

问题分析 #

异常java.lang.IllegalStateException: ViewTreeLifecycleOwner not found的核心原因是：Jetpack Compose需要依赖ViewTreeLifecycleOwner管理Compose内容的生命周期，但通过Flutter PlatformView创建的ComposeView所在视图树中，未正确关联Activity的生命周期所有者。

解决方案 #

在创建ComposeView并添加到布局前，手动将Activity的生命周期相关所有者绑定到PlatformView的根布局上。修改MyComposeView类的初始化代码：

import androidx.lifecycle.ViewTreeLifecycleOwner
import androidx.lifecycle.ViewTreeViewModelStoreOwner
import androidx.savedstate.ViewTreeSavedStateRegistryOwner
import android.content.ContextWrapper

class MyComposeView(context: Context, id: Int, creationParams: Map<String?, Any?>?) : PlatformView {

    private val constraintLayout: ConstraintLayout
    private val textView: TextView
    private val composeView: ComposeView

    override fun getView(): View {
        return constraintLayout
    }

    init {
        // 获取当前Activity实例
        val activity = if (context is Activity) {
            context
        } else {
            (context as ContextWrapper).baseContext as Activity
        }

        constraintLayout = ConstraintLayout(context)
        textView = TextView(context)
        composeView = ComposeView(context)

        // 为根布局设置生命周期相关所有者
        ViewTreeLifecycleOwner.set(constraintLayout, activity)
        ViewTreeViewModelStoreOwner.set(constraintLayout, activity)
        ViewTreeSavedStateRegistryOwner.set(constraintLayout, activity)

        val layoutParams = ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT)
        constraintLayout.layoutParams = layoutParams

        val constraintSet = ConstraintSet()
        constraintSet.clone(constraintLayout)

        textView.id = View.generateViewId();
        composeView.id = View.generateViewId();
        constraintLayout.addView(textView)
        constraintLayout.addView(composeView)

        textView.text = "Hello from xml"
        textView.textSize = 30f
        textView.setTextColor(Color.BLUE)

        constraintSet.constrainWidth(textView.id,ConstraintSet.MATCH_CONSTRAINT);
        constraintSet.constrainHeight(textView.id,ConstraintSet.WRAP_CONTENT);
        constraintSet.connect(textView.id,ConstraintSet.LEFT,ConstraintSet.PARENT_ID,ConstraintSet.LEFT);
        constraintSet.connect(textView.id,ConstraintSet.RIGHT,ConstraintSet.PARENT_ID,ConstraintSet.RIGHT);
        constraintSet.connect(textView.id,ConstraintSet.TOP,ConstraintSet.PARENT_ID,ConstraintSet.TOP);
        constraintSet.connect(textView.id,ConstraintSet.BOTTOM,ConstraintSet.PARENT_ID,ConstraintSet.BOTTOM);

        constraintSet.applyTo(constraintLayout)

        composeView.setContent {
            MyComposeText()
        }
    }

    override fun dispose() {}
}

补充说明 #

• 确保导入上述代码中提到的Lifecycle和SavedState相关类
• 你的Gradle配置已包含必要的Compose和Lifecycle依赖，无需额外调整

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