Is is possible to make background blur effect in c...

# compose

[Ayla]

Is is possible to make background blur effect in compose？

[Stylianos Gakis]

https://kotlinlang.slack.com/archives/CJLTWPH7S/p1687951998535579
For those newer versions though there’s the .blur() modifier

[Ayla]

Thanks, I tried the .blur() modifier, but it just blur the content itself, not the background.

[Stylianos Gakis]

Put the blur modifier in the background content, and then put non-blurred content on top of it then. If I understand what you mean correctly

[Ayla]

It works in some situation, but if I want to create a background blur effect similar to an iOS pop-up window, this method doesn't work.🤔

[Stylianos Gakis]

Search in this channel previous discussions about blur. This topic has been discussed plenty of times already, maybe you learn something from there 😊

[Ayla]

ok, thanks.

[Zach Klippenstein (he/him) [MOD]]

https://medium.com/androiddevelopers/rendernode-for-bigger-better-blurs-ced9f108c7e2

[Zach Klippenstein (he/him) [MOD]]

That solution wasn’t possible in compose until (I think) very recently. We just added the ability to redirect a draw, so it should be possible now (ie latest alpha, or next alpha maybe?)

[Liudas Survila]

do we have an update on this draw target change?

[Zach Klippenstein (he/him) [MOD]]

What kind of update are you looking for?

[darkmoon_uk]

If you arrived here after searching for 'background blur', see @cb's excellent Haze implementation - and it's even Multiplatform with WASM support!