解决Jetpack Compose预览报错：方法与编译器插件配置

1. Compose 预览报错问题解析

最近在开发一个基于 Jetpack Compose 的 Android 应用时，遇到了一个棘手的预览报错问题。当我尝试在 Android Studio 中预览一个自定义的 Composable 函数时，IDE 突然弹出了 "Render problem" 错误提示，具体报错信息显示找不到某个方法。这让我不得不停下手中的开发工作，专门来解决这个编译时的问题。

1.1 问题现象重现

我封装了一个简单的 Image 组件包装函数，代码如下：

kotlin复制@Composable
fun Img(@DrawableRes id: Int) {
    Image(painterResource(id), "")
}

这个函数的目的很简单：简化 Image 组件的调用，避免每次都重复写 painterResource 和空字符串作为 contentDescription。然而，当我在另一个 Composable 函数中调用这个 Img 方法并尝试预览时，Android Studio 显示了如下错误：

code复制java.lang.NoSuchMethodError: 'void com.example.composeapp.common.WidgetExtKt.Img(int, androidx.compose.runtime.Composer, int)'

错误信息明确指出，系统找不到 WidgetExtKt.Img(int, Composer, int) 这个方法。这很奇怪，因为我明明定义了 Img 函数，为什么会出现方法找不到的情况？

1.2 错误背后的深层原因

经过一番研究，我发现这与 Kotlin Compiler 和 Compose 编译器插件的工作机制有关。当我们在函数上添加 @Composable 注解时，Kotlin 编译器会为这个函数生成一个额外的方法签名。具体来说，对于我的 Img 函数：

原始定义：

kotlin复制@Composable
fun Img(@DrawableRes id: Int)

实际上编译器会生成：

kotlin复制fun Img(int id, Composer composer, int