After watching the WWDC Keynote today, my biggest ...

# compose-ios

[Max]

After watching the WWDC Keynote today, my biggest question is: how do we get Liquid Glas effect in Compose Multiplatform iOS? 😅

My first guess is to get such buttons, a mix of:
• Haze for the buttons background
• A custom border modifier for a border line consisting of a gradient based on the background
But how do we get the 3d effect on the button‘s edges?

Anyone has better ideas?

[Hristijan]

Expect actual, where you implement the iOS side of it natively and just wrap it in Composable while on Android welp, Haze with some overlays probably

[Sergey Y.]

write custom shader

[Arjan van Wieringen]

The Skia shaders dont allow accessibg pixel data outside of the surface AFAIK. Thats why box shadow is also such a hassle. Box shadows, refraction and real blur require access to underlying surfaces outside of the current surface bounds

[Sergey Y.]

It’s not really a problem. For example, Haze handles this by simply extending the effect area. If more pixels need to be captured, just expand that area — simple as that.

[Arjan van Wieringen]

That makes sense

[Colton Idle]

CALF library?

[andrew]

@Colton Idle https://github.com/MohamedRejeb/Calf

[Sergey Y.]

AFAIK, it only uses platform APIs, so the "liquid glass" effect will only be accessible on iOS.

[andrew]

Not that I think anyone would really want it on Android anyway 😂

[andrew]

Keep platform specific design, platform specific

[Sergey Y.]

I hope so