Jetpack Compose调用Composable时如何动态传参替换图片资源

核心逻辑：Android项目中drawable目录下的图片资源对应ID是Int类型，完全可以和普通字符串、数值参数一样作为Composable函数的入参，支持设置默认值实现「默认加载固定图，调用时可自定义替换」的效果。

具体实现步骤 #

• 修改Composable函数的参数列表，新增图片资源ID入参，给参数设置原有固定图片作为默认值，保证不传参时的展示逻辑和之前完全一致
• 将Image组件中写死的painterResource(R.drawable.sample_image)替换为读取传入的图片资源参数
• 调用时按需传入目标图片的资源ID即可完成替换

注：原有示例代码中Text组件写死了"exampleText"字符串，没有使用传入的exampleText参数，修正后会正常显示传入的文本内容。

修正后的完整代码 #

import androidx.annotation.DrawableRes
import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.width
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import com.example.yourproject.R

@Composable
fun ComposableTest(
    exampleText: String,
    // @DrawableRes注解会自动校验传入值为合法的drawable资源ID，避免传参错误
    @DrawableRes imageRes: Int = R.drawable.sample_image
){
    Column {
        Image(
            painter = painterResource(id = imageRes),
            contentDescription = null,
            modifier = Modifier.size(200.dp)
        )

        Text(
            text = exampleText,
            modifier = Modifier
                .background(Color.White)
                .width(200.dp)
                .padding(vertical = 30.dp),
            textAlign = TextAlign.Center
        )
    }
}

调用示例 #

• 使用默认图片（和原有逻辑一致，不需要额外传图片参数）

@Preview
@Composable
fun CalledTest (){
    ComposableTest(exampleText = "Composable Text")
}

• 传入自定义图片替换默认图

@Preview
@Composable
fun CalledTestWithCustomImage (){
    ComposableTest(
        exampleText = "自定义图片展示文本",
        // 传入需要替换的drawable资源ID即可
        imageRes = R.drawable.your_custom_image
    )
}

扩展说明 #

如果后续需要支持加载非本地drawable的图片（比如网络图片、本地存储Uri对应的图片），可以将入参类型替换为Painter，调用处提前构造好对应的Painter传入即可，适配性更强。

内容的提问来源于stack exchange，提问作者Jeremías Samaniego