Hi all, I'm currently working on a launcher app in Compose. In order to move an app from the app drawer to the home screen I'd need to be able to drag and drop an element from one composable to another one (not sure if the terminology is correct here). Any idea how to do that? I would need the full experience, with a drop shadow and everything and I can't seem to find anything that remotely compares to the system that existed in the traditional view system.

I think the only way is to use an overlay.

If I understand correctly, you mean having an extra UI layer between my home screen and my app drawer that would mimic the drag and drop behaviour of the traditional view system? I think this is a good idea, although there are several challenges there, like figuring out which cell we are in when the user "drops" the app.

More like a layer at the top. Here's a sample that uses the overlay idea. https://github.com/mxalbert1996/compose-shared-elements

Thanks a lot! Even though I spent hours researching this, I never came across that sample, I'll have a look.

As for the overlay itself, there's nothing special. It's just a composable in a

Box

. You might want to see here (and also line 211) for how to get the coordinate of a composable in the root box.