I gotta say... I recently got my hands on a foldab...

# compose

[andrew]

I gotta say... I recently got my hands on a foldable, and adapting my compose layouts + adding new transitions to make the larger screen experience more cohesive has been a breeze.

It's hard not to sit around all day and watch the shared transitions even with how simple they are 🤣

screen-20260407-141038-1775585426456.mp4screen-20260407-101439-1775571250428.mp4

[ursus]

How did you get the toolbar blur?

[andrew]

The Haze library with progressive blurs, and then to ensure the cards don't overlap during transition I ensure they don't get drawn to the decoration layer so it'll blur the cards during transition 😁

[ursus]

nice, can I ask how is rhe runtime perf of that? no problems?

[Stylianos Gakis]

Is it hard to make this happen? Like the part of not drawing on the decoration layer so they still get blurred?

[andrew]

It's buttery smooth once all the codepaths are loaded (should be buttery smooth from the start on release builds) @ursus

[andrew]

Within the sharedBounds Modifier, there's a renderInOverlayDuringTransition parameter, that can be set. On the same screen where you have the blue is where you would set this to false. @Stylianos Gakis

[andrew]

Here's a more dramatic example, where the card expands to a full height from the grid size

screen-20260409-144317-1775760173033.mp4