JetPack Compose中如何显示Drawable（应用图标）？

错误原因 #

你遇到的java.lang.IllegalStateException: View needs to be laid out before calling drawToBitmap()错误，是因为直接调用Drawable.toBitmap()时，Drawable还未完成测量与布局，没有确定的宽高尺寸导致的。

正确实现方式 #

方法一：先为Drawable指定尺寸再转换 #

在转换Bitmap前，先给Drawable设置目标宽高并完成布局：

val context = LocalContext.current
val packageManager = context.packageManager
val iconDrawable: Drawable = application.activityInfo.loadIcon(packageManager)

// 将48dp转为像素作为图标尺寸，可按需调整
val iconSize = with(LocalDensity.current) { 48.dp.toPx().toInt() }

// 为Drawable设置边界
iconDrawable.setBounds(0, 0, iconSize, iconSize)

// 绘制到Bitmap
val bitmap = Bitmap.createBitmap(iconSize, iconSize, Bitmap.Config.ARGB_8888)
val canvas = Canvas(bitmap)
iconDrawable.draw(canvas)

Image(
    bitmap = bitmap.asImageBitmap(),
    contentDescription = application.loadLabel(packageManager).toString(),
    modifier = Modifier.size(48.dp)
)

方法二：使用painterForDrawable扩展函数（推荐） #

利用Compose内置的扩展函数直接将Drawable转为Painter，更贴合Compose API设计：

val context = LocalContext.current
val packageManager = context.packageManager
val iconDrawable: Drawable = application.activityInfo.loadIcon(packageManager)

val iconPainter = painterForDrawable(iconDrawable)

Image(
    painter = iconPainter,
    contentDescription = application.loadLabel(packageManager).toString(),
    modifier = Modifier.size(48.dp)
)

注意：painterForDrawable属于androidx.compose.ui相关依赖，确保项目已引入对应Compose核心库。

方法三：用Coil的AsyncImage处理异步场景 #

如果图标加载存在耗时情况，可借助Coil的AsyncImage简化实现：

val context = LocalContext.current
val packageManager = context.packageManager
val iconDrawable: Drawable = application.activityInfo.loadIcon(packageManager)

AsyncImage(
    model = iconDrawable,
    contentDescription = application.loadLabel(packageManager).toString(),
    modifier = Modifier.size(48.dp)
)

注意：使用此方法需先引入Coil Compose依赖：implementation("io.coil-kt:coil-compose:2.5.0")

关键注意点 #

• 必须设置有效的contentDescription，满足无障碍设计规范。
• 根据实际场景选择实现方式，方法二更适合大多数常规需求。

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