在Fragment中使用Jetpack Compose出现@Composable上下文及类型不匹配错误原因

核心根源 #

你遇到的两个报错通常由以下两种常见配置/导入错误导致： #

1. 错误导入了setContent扩展函数 #

• 安卓官方为Activity和Fragment都提供了顶层setContent扩展函数，这两个扩展函数的返回值都是Unit，作用是直接给当前Activity/Fragment的根布局设置Compose内容。
• 如果你在代码中导入了androidx.fragment.app.compose.setContent，你在ComposeView.apply{}代码块中书写的setContent会优先匹配这个Fragment的扩展函数，而不是ComposeView自身的成员方法setContent：
  • 一方面Fragment的setContent返回Unit，导致apply代码块最终返回值变成Unit，和onCreateView要求返回的View?类型不匹配，触发第二个报错。
  • 另一方面IDE识别到当前lambda不在正确的Composable上下文环境中，触发第一个Composable调用上下文错误。

修复方法：

删除错误的导入，或者明确指定调用接收者，优先调用ComposeView自身的setContent方法：

return ComposeView(requireContext()).apply {
    this.setContent {
        Text(text = "Hello world.")
    }
}

2. 模块未开启Compose编译配置 #

如果导入没有问题，那就是你的模块级build.gradle没有开启Compose支持，导致IDE无法正确识别ComposeView的setContent方法的签名，触发类型推断和上下文识别错误。

修复方法：

在模块级build.gradle的android代码块中添加Compose配置：

android {
    ...
    buildFeatures {
        compose true
    }
    composeOptions {
        // 此处版本需要和项目使用的kotlin版本对应匹配
        kotlinCompilerExtensionVersion "1.4.3"
    }
}

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