A modern programming language that makes developers happier.

kotlinlang

Screenshot_20220201-162928.png

How to create a blur effect on specific part of layout? I want to blur the content in the list only behind the bottom bar.

Blur is available only since Android 12. <https://kotlinlang.slack.com/archives/CJLTWPH7S/p1622195626122600|Related thread>

Yeah, I am using Android 12. I want to create blur effect only on A12.

Ok, fine. <https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier#(androidx.compose.ui.Modifier).blur(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.draw.BlurredEdgeTreatment)|Here> is documentation

Screenshot_20220201-164102.png

IMG_20220201_164116_918.jpg

I want to preserve the content on the top, and blur the bottom content behind the bar. The content is scrollable.

Isn't this a scoping issue where you are blurring the wrong Composable?