Image with Blur Effect in Jetpack Compose

BlurEffectActivity.kt

class BlurEffectActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            BlurEffectDemoTheme {
                Surface(
                    color = MaterialTheme.colorScheme.background
                ) {
                    val bitmap = BitmapFactory
                        .decodeResource(LocalContext.current.resources, R.drawable.custom_image)

                    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.S) {
                        LegacyBlurImage(bitmap, 25f)
                    } else {
                        BlurImage(
                            bitmap,
                            Modifier
                                .fillMaxSize()
                                .blur(
                                    radiusX = 15.dp,
                                    radiusY = 15.dp
                                )
                        )
                    }
                }
            }
        }
    }
}

@Composable
fun BlurImage(
    bitmap: Bitmap,
    modifier: Modifier = Modifier.fillMaxSize(),
) {
    Image(
        bitmap = bitmap.asImageBitmap(),
        contentDescription = null,
        contentScale = ContentScale.Crop,
        modifier = modifier
    )
}

@Composable
fun LegacyBlurImage(
    bitmap: Bitmap,
    blurRadio: Float,
    modifier: Modifier = Modifier.fillMaxSize()
) {
    val renderScript = RenderScript.create(LocalContext.current)
    val bitmapAlloc = Allocation.createFromBitmap(renderScript, bitmap)
    ScriptIntrinsicBlur.create(renderScript, bitmapAlloc.element).apply {
        setRadius(blurRadio)
        setInput(bitmapAlloc)
        forEach(bitmapAlloc)
    }
    bitmapAlloc.copyTo(bitmap)
    renderScript.destroy()

    BlurImage(bitmap, modifier)
}