如何解决Compose中Material Icons的「接收器类型不匹配」错误

环境信息 #

• 系统：Gruda Linux
• 开发工具：Android Studio Dolphin
• Compose版本：Material3 1.0.0-alpha02，所有组件已更新

错误详情 #

e: /home/kumar-p/Desktop/AndroidStudio/<app_name>/app/src/main/java/com/f/rateme/MainActivity.kt: (95, 27): Unresolved reference. None of the following candidates is applicable because of receiver type mismatch:
public val Icons.Rounded.Add: ImageVector defined in androidx.compose.material.icons.rounded

注：将Icon()替换为Text()后项目可正常运行。

依赖配置 #

implementation 'androidx.core:core-ktx:1.7.0'
implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1'
implementation 'androidx.activity:activity-compose:1.3.1'
implementation "androidx.compose.ui:ui:$compose_version"
implementation "androidx.compose.ui:ui-tooling-preview:$compose_version"
implementation 'androidx.compose.material3:material3:1.0.0-alpha02'
implementation "androidx.compose.material:material-icons-extended:$compose_version"
testImplementation 'junit:junit:4.13.2'
androidTestImplementation 'androidx.test.ext:junit:1.1.4'
androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.0'
androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version"
debugImplementation "androidx.compose.ui:ui-tooling:$compose_version"
debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_version"

导入语句 #

package com.<example>.rateme // <example> = 我的公司名称

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.*
import androidx.compose.material.icons.rounded.Add
import androidx.compose.material3.*
//import androidx.compose.material.icons.Icons
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview


import com.<example>.<app_name>.ui.theme.AppTheme // <example> = 我的公司名称, <app_name> = 当前应用名称

相关代码 #

@Composable
fun feed(page: String): String {

    FilledTonalButton(
        onClick = {/*TODO: Add onClick for feed - New Post*/},
        enabled = true) {
        Icon(
            imageVector = Add,
            "New Post"
        )
    }

    return page // TODO: implement the changes of page variable
}

解决方案 #

问题核心是Material和Material3的Icon体系不兼容：你导入的Add图标属于旧的Material库，但使用的Icon组件是Material3库的（因为你导入了androidx.compose.material3.*，会覆盖Material的同名组件），两者的ImageVector分属不同依赖，导致类型不匹配。

修复步骤 #

1. 替换图标导入为Material3版本
   删除原导入：

   import androidx.compose.material.icons.rounded.Add
   

   改为：

   import androidx.compose.material3.icons.Icons
   import androidx.compose.material3.icons.rounded.Add
   

2. 更新Icon组件的图标引用
   把Icon里的Add改成Icons.Rounded.Add，同时补全参数名（更规范）：

   Icon(
       imageVector = Icons.Rounded.Add,
       contentDescription = "New Post"
   )
   

3. 清理冗余导入（可选）
   移除不必要的androidx.compose.material.*导入，避免库冲突：

   // 删除这行：import androidx.compose.material.*
   

额外建议 #

• 你用的Material3是1.0.0-alpha02测试版，建议升级到稳定版（比如1.2.1），兼容性和稳定性更好。
• 确保$compose_version和Material3版本匹配，Compose版本需≥1.2.0才能兼容Material3稳定版。

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