IssueTracker

Jetpack Compose version: 1.7.0-beta05

Jetpack Compose component used: Shared elements

The design specifications for Predictive Back, allow for the ability to move the shared element up and down (and apply other transformations), as the element is being seeked. See the motion spec here: https://developer.android.com/design/ui/mobile/guides/patterns/predictive-back#motion-specs

Right now, its not easily possible to take the Predictive back X,Y and swipeEdge parameter to apply transformations to the in-progress shared element. It would be desirable to expose a way in which graphicsLayer transformations can be applied to a shared element as it is in the overlay:

Maybe something like this, or if applying a Modifier.graphicsLayer to an individual item, it should support the changes as it grows between states:

SharedTransitionLayout(modifier = Modifier.graphicsLayer {
   translationX = this.predictiveBackX
   translationY = this.predictiveBackY
}) {


}

Full snippet of what i'm trying to do. https://github.com/android/snippets/pull/291/files