Is there a way do to shared element transitions

Question

allan.conda · Answer

It s in Focus from the Roadmap <https developer android com jetpack androidx compose roadmap>

Tgo1014 · Answer

Wow I just realised in this list that chips are not yet on Compose

Adam Powell · Answer

You can do both of those today it s just fairly manual

Tgo1014 · Answer

For Chips is quite simple that s why I m surprised it s not there yet but I understand that the official implementation needs a lot of work so I don t mind For the shared transition I remember seeing some repo based on early compose versions but unfortunately I wasn t able to adapt everything to most recent ones so I was hoping for something official but I see it s on the roadmap slightly smiling face

Valentin Gusselnikov · Answer

Wait but there are and What do you mean by are not yet on Compose < Tgo1014>

Tgo1014 · Answer

< Valentin Gusselnikov> my bad for not trying it I just opened the Roadmap liink and it s there so I thought it wasn t on the library yet

Valentin Gusselnikov · Answer

I guess they didn t updated roadmap yet slightly smiling face

Doris Liu · Answer

Shared element transition is definitely in focus it s been my focus these days stuck out tongue < Tgo1014> Is there a specific shared element transition that you are trying to build I d love to see a mock if you don t mind sharing

Tgo1014 · Answer

< Doris Liu> thanks for your efforts hearts I m trying a very simples transition I ve a list with movies posters and when clicking on it to see details I would like the poster to transition to the movie details screen

Tgo1014 · Answer

Basically like this <https rubygarage s3 amazonaws com uploads article image file 3177 1 Tutorial on Shared Element Transitions in Android Apps gif|https rubygarage s3 amazonaws com uploads article image file 3177 1 Tutorial on Shared Element Transitions in Android Apps gif>

Doris Liu · Answer

Cool Thanks for sharing I ll add this to my prototype list to make sure it s well supported slightly smiling face

Doris Liu · Answer

If you have more elaborate examples that you could share I d love to see them too

allan.conda · Answer

is the api going to cover transition between compose navigation destinations

Doris Liu · Answer

gt is the api going to cover transition between compose navigation destinations Yes that s one of the important use cases we are aiming to support Do you have a specific use case of sharing something between compose navigation destinations in mind

allan.conda · Answer

I m thinking the usual Scaffold elements and list detail interactions ListItem gt Item Detail Image Title Text similar to above example TopBar think animation up icon BottomBar show hide Do these make sense

Doris Liu · Answer

The first two make sense I d love some clarification on the 3rd one How would you use shared element for BottomBar show hide

Aman Verma · Answer

gt Do you have a specific use case of sharing something between compose navigation destinations in mind Since this is still in focus would love to add on this My use case Have a card in List view tapping would open the bottomsheet and this card should animate position to the top of bottomsheet