Flutter通过Platform View集成Jetpack Compose遇NoSuchMethodError问题

错误原因 #

• java.lang.NoSuchMethodError：Compose依赖版本不兼容或核心库缺失，导致ComposeView.setContent方法无法被找到。
• ViewTreeLifecycleOwner not found：PlatformView初始化时使用的Context未关联LifecycleOwner，而Compose需要Lifecycle来管理Composable的生命周期状态。

修复方案 #

1. 对齐Compose与Kotlin版本依赖 #

确保Module级build.gradle中Compose配置与Kotlin版本兼容，同时引入完整的Compose核心库：

plugins {
    id 'com.android.application'
    id 'kotlin-android'
    id 'dev.flutter.flutter-gradle-plugin'
}

android {
    namespace "com.example.your_app"
    compileSdk 34

    defaultConfig {
        applicationId "com.example.your_app"
        minSdk 21
        targetSdk 34
        versionCode 1
        versionName "1.0"
    }

    buildFeatures {
        compose true
    }
    composeOptions {
        // 1.4.x版本对应Kotlin 1.8.0+，需保持版本匹配
        kotlinCompilerExtensionVersion '1.4.3'
    }
    kotlinOptions {
        jvmTarget = '1.8'
    }
}

dependencies {
    // Compose核心依赖
    implementation 'androidx.compose.ui:ui:1.5.0'
    implementation 'androidx.compose.material3:material3:1.1.1'
    // Lifecycle相关依赖，解决ViewTreeLifecycleOwner问题
    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.6.2'
    implementation 'androidx.activity:activity-compose:1.7.2'
}

2. 为ComposeView绑定LifecycleOwner #

PlatformView的Context可能为Application Context，需手动为根布局绑定Activity级别的LifecycleOwner：
修改MyComposeView的初始化代码：

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 = constraintLayout

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

        // 关键步骤：绑定Lifecycle、ViewModelStore、SavedStateRegistry Owner
        val activity = context as FlutterFragmentActivity
        ViewTreeLifecycleOwner.set(constraintLayout, activity)
        ViewTreeViewModelStoreOwner.set(constraintLayout, activity)
        ViewTreeSavedStateRegistryOwner.set(constraintLayout, activity)

        // 布局参数与约束配置
        constraintLayout.layoutParams = ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT
        )
        val constraintSet = ConstraintSet().apply {
            clone(constraintLayout)
            
            textView.id = View.generateViewId()
            composeView.id = View.generateViewId()
            
            constraintLayout.addView(textView)
            constraintLayout.addView(composeView)

            // 配置TextView约束
            constrainWidth(textView.id, ConstraintSet.MATCH_CONSTRAINT)
            constrainHeight(textView.id, ConstraintSet.WRAP_CONTENT)
            connect(textView.id, ConstraintSet.LEFT, ConstraintSet.PARENT_ID, ConstraintSet.LEFT)
            connect(textView.id, ConstraintSet.RIGHT, ConstraintSet.PARENT_ID, ConstraintSet.RIGHT)
            connect(textView.id, ConstraintSet.TOP, ConstraintSet.PARENT_ID, ConstraintSet.TOP)
            connect(textView.id, ConstraintSet.BOTTOM, ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM)
            
            applyTo(constraintLayout)
        }

        // TextView样式配置
        textView.apply {
            text = "Hello from xml"
            textSize = 30f
            setTextColor(Color.BLUE)
        }

        // 现在可安全调用setContent
        composeView.setContent {
            MyComposeText()
        }
    }

    override fun dispose() {}
}

@Composable
fun MyComposeText() {
    Text(text = "Hello from compose")
}

3. 清理缓存并重建项目 #

• 执行File -> Invalidate Caches...清理Android Studio缓存
• 在Terminal运行./gradlew clean build清理构建文件
• 重启Flutter应用

订单悬浮窗场景优化建议 #

若需在主应用终止时显示跨应用悬浮窗，PlatformView并非最佳选择（依赖Flutter Engine，应用终止后引擎停止）。建议采用：

1. 启动前台Service，确保后台运行稳定性
2. 在Service中通过WindowManager添加ComposeView作为悬浮窗
3. 通过Method Channel接收Flutter端的订单参数，动态更新Compose UI

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