Skip to main content
Question

Creating a scrollable, interactive component that transforms


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!

This topic has been closed for replies.

Josh
  • Former Community Manager
  • July 25, 2023

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?



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


Josh
  • Former Community Manager
  • July 25, 2023

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



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.


Josh
  • Former Community Manager
  • July 25, 2023

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.


Josh
  • Former Community Manager
  • July 25, 2023

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings