I've created an animated stepper with ~100 lines :exploding_head: The next step is animate the stepp...

# compose

[manueldidonna]

I've created an animated stepper with ~100 lines 🤯 The next step is animate the stepper value changes, but I still don't know how 😂

Source

20-06-11-12-36-59_01.mp4

[Timo Drick]

Just an idea for the number animation. Maybe you could rotate it and crossfade to the new also rotating number. So after a full 360 roation the new number is visible.

[Zach Klippenstein (he/him) [MOD]]

You can use the drawLayer modifier with a Transition to do that and virtually any other transformation you can think of.

[manueldidonna]

@Timo Drick I thought to animate the number with a slide out/slide in animation. @Leland Richardson [G] showed a similar animation (slide down/slide up) in that tweet

[matvei]

Hey Manuel! This looks awesome! I would LOVE to hear any feedback about the APIs you've used to create this (especially Modifier.draggable). draggable is a very new layer for android and I would love to make it better / more powerful / easier to use. To hit me up with any feedback or feature requests 🙂

[manueldidonna]

@matvei I really like the draggable modifier. It encourages the creation of interactable views because it's easily to use. I will surely built something more complex, maybe I'll also use the scrollable modifier. The "delta consumption" is a great idea to enable nested dragging by default

[manueldidonna]

In the future I will recreate this animation from my note application

20-06-12-16-56-19.mp4

[matvei]

Cool, thanks for feedback! Encouraging developers to create such things is the main reason for this modifiers to exists, so glad to hear that! Let me know how it goes with scrollable if you try it 🙂

Oh, swipe to dismiss is a lovely feature that should fit draggable nicely!