Search code examples
androidblurandroid-imageandroid-jetpack-compose

Icon too blurry in Jetpack Compose

When I'm trying to display icon with scale I get blurry image. Can't find reason for this because XML icons are scalable and don't have resolution. Do you know how to resolve?

My code:

Image(
    painter = painterResource(id = R.drawable.ic_outline_bluetooth_24),
    contentDescription = "",
    contentScale = ContentScale.Crop,
    alpha = 0.1f,
    modifier = Modifier.scale(6f).padding(end = 10.dp)
)
Solution

  • It is because you are scaling the icon. Try Modifier.width(...) and Modifier.height(...) instead.

    It is being stretched. Also, please consider attaching the screenshots if the problem pertains to images or media.

    Thanks,