Learning Android Development

Have Fun With Jetpack Compose GraphicsLayer Modifier

Create interesting animation with GraphicsLayer Modifier

Photo by Robert Collins on Unsplash

Ever wonder how can we do animation like the New York Times’ official Wordle game? The below is written in Jetpack Compose using graphicsLayer modifier.

If that’s not interesting enough, another example below, where I can animate a poker card flipping with different angle of rotations, using graphicsLayer modifier too.

You can get the code all the above animation here.

Here, I’ll share

• what graphicsLayer has to offer, and followed by
• how to make a double side card (as used by both the Wordle and the Poker card example above).

The graphicsLayer modifier

Below I listed all parameters of graphicsLeyer modifier.

Modifier
    .graphicsLayer(…