如何在 Jetpack Compose 中显示已安装的应用程序图标

Question

In jetpack compose, you can display drawables easily with the Image composable like this:

Image(painter = painterResource(id = R.drawable.my_drawable))

I'm building an app that requires listing all the apps on the device and I need to display their icons. I managed to get the icons using the PackageManager class:

val packageManager = context.packageManager
val installedPackages = packageManager.getInstalledPackages(0)
val packageInfo = installedPackages[0]
val iconId: Int = packageInfo.applicationInfo.icon

Then:

Image(painter = painterResource(id = iconId))

But the app crashes everytime. I don't know where the problem is? Any Idea? Thanks

android.content.res.Resources$NotFoundException: Resource ID #0x7f030001

Answer 1

For some reason icon may contain identifier that points to non-existent drawable.

To get application icon use method loadIcon :

val icon: Drawable = applicationInfo.loadIcon(packageManager)

Or method getApplicationIcon from PackageManager:

val icon: Drawable = packageManager.getApplicationIcon(applicationInfo)

Then, use AndroidDrawablePainter to convert Drawable to Painter:

Image(painter = AndroidDrawablePainter(icon))

Or DrawablePainter is available in accompanist library:

Image(painter = DrawablePainter(icon))

Answer 2

If you're using the Coil library , rememberImagePainter will accept an Any? as its data argument, allowing you to use the Drawable returned from the PackageManager , like so:

  Image(
    painter = rememberImagePainter(
      data = LocalContext.current.packageManager.getApplicationIcon("com.package.example")
    )
  )