Creating a scrollable, interactive component that transforms

Ask the community
1

I’m struggling to make a draggable component where the number in the center of the screen is the selected state and transforms.

I want the number in the middle to represent the selected state, growing in size and transforming in colour. Anyway to achieve this?

Thanks!

image
image750×1624 19 KB

2

Hey there @Rui_Melo are you able to share some additional examples for context. E.g. what does the screen with 2 selected look like?

6

image
image750×1624 21.3 KB

As the user swipes, the orb positioned in the center of the screen transforms.

1 Like
7

Ahh I see. Let me try somethings out to see if this is possible. Thanks!

8

image
image1920×779 96.5 KB

I got a hacky solution where I just create a frame for each state. it works…ish! I’m mostly curious if there’s a better way to achieve this with some of the new component features.

9

Hmm yeah this is a tough one. I think you might be able to use variables and modes along side interactive components to prototype this but I think you might run into some limitations.

10

I just started playing around with this though and will let you know if I come up with something! :slight_smile:

1 Like