So, I figured out how I may be able to clip edges ...

# compose

[andrew]

So, I figured out how I may be able to clip edges while transitioning with nav3. HOWEVER it also plays the exit transition for the previous screen, as well as the current screen. Is there anyway we can discern which screen is current using the decorator system? Or is that not possible?

In the videos in the thread, you can see the clipping transition in play, then I changed it to animate color, blue for preenter and red for postexit. You can see the red flicker as the previous screen leaves, which is not ideal... To any Googlers: if you can think of or if you know of any ways around this, I am certain the community will be ecstatic 🙂

[andrew]

screen-20260223-170611.mp4,screen-20260223-170837.mp4

screen-20260223-170837.mp4screen-20260223-170611.mp4

[andrew]

I'm also thinking a metadata property will let me selectively apply or ignore the transition per screens, potentially?

[Jonas]

I might have a solution for you, just need to try it first. Be prepared, its a bit hacky. 😅

[Jonas]

There you go - a bit hacky as warned but works like charm.

Be aware this also applies to multi pane scenes or dialogs etc. atm, which you might not want, but can be easily adjusted.

The key point here is to access the parent transition and cast it to the scene.

MaskEdgeDecorator.kt

[Jonas]

MaskEdgeDecoratorDemo.mov

MaskEdgeDecoratorDemo.mov

[andrew]

You're not kidding! I'll probably use metadata to flag ignoring the mask transition, but this is a great start! If only we didn't have to resort to something like this to achieve the look

[andrew]

Ended up doctoring it slightly 🙂

MaskEdgeDecorator.kt.cpp

[andrew]

Here's how the MaskEdgeDecorator for nav3 ended up looking, and its ability to be ignored 😁

screen-20260226-153822.mp4screen-20260226-153933.mp4