I wanted to animate my image logo from Screen A to Screen B. In XML based layouts it was possible using windowContentTransitions & transitionName. So I wanted to ask is something similar available in Jetpack Compose?
I have already seen this https://github.com/mobnetic/compose-shared-element
But, Is there something in-built functionality similar to the XML?
Not supported yet by compose. See this conversation on kotlin-lang: https://kotlinlang.slack.com/archives/CJLTWPH7S/p1616517641495500?thread_ts=1616516302.494300&cid=CJLTWPH7S
Related
I have this figma layout to do:
Image here
I already have the chips layout done.
Those chips shows a list of strings.
But I don't know how to get that adaptative row, that when the string are to big, the line break and keep showing in another line.
Can you guys help me please?
Accompanist library has flow layouts that do exactly that: https://github.com/google/accompanist/tree/main/flowlayout
There are also similar flow layouts in the official compose foundation library that were just recently merged, but those are only available as snapshot builds for now.
Is there currently anything that will allow to animate classic transition between the results list and details screen with shared element animation in Jetpack Compose?
Something like this.
I know of some experimental libraries that allows that, but they all work on single activity and I was wondering of more traditional approach with 2 activities.
The official Jetpack Compose roadmap states that shared element transition is currently in focus, so no official support yet.
What exactly is the difference between a ModalDrawer() and Scaffold(DrawerContent)? I seem to recall reading somewhere that the ModalDrawer() incorporates the navigation component. I also think I read that you can't use a ModalDrawer with Scaffold, or that they don't work well together.
When do you want to use one over the other?
I was watching an Android Dev Summit video on Material Components recently (https://www.youtube.com/watch?v=DPH3F0v1jB0) and I noticed they presented something cool with the example email app. Is there something built into Material components to achieve this rounded content below the action bar? The only way I know would be using shapes etc., but then it will cut into the content when scrolling.
As OMIsie11 says the element in question is https://material.io/components/backdrop
As per Google's material design specs, under Animation - meaningful transitions
https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3RXRFb0tRZEZDUUU/animation_meaninfultransitions_considerations_do.webm
Sometimes wish they could provide some sample codes right beside the design specs..
I couldn't find anything on google, probably because I am not sure what keywords to use.
Thanks!
The example that you linked appears to be using a reveal transition animation with a shared element between two Activities. For details on how to get your feet wet, take a look at the Android training documentation on Defining Custom Animations.