got a question on how to set something up. this is a prototype for a quiz where the question shows up on the top part of the screen and the user can swipe through the answer choices at the bottom to view them one by one.
that whole answer container needs to snap to the proper position upon a left/right swipe. ex: from this screen (see image), if the user swipes left, the "B" cell needs to animate in to where "A" was. Another left/right swipe from "B" would then accordingly animate "A" or "C" into the screen. Ideally, I would also want this to loop infinitely, where a left swipe from "D" would show "A" again.
I know there's a bunch of examples like this for snap-scrolling on the Framer Examples site, but they all use cards generated on the fly in a "for" loop inside a pageComponent which doesn't quite explain how the snapping works and how the left/right swipe is detected. I'll be setting this up in Sketch and then import them in to Framer.
So far I've tried making the whole thing a draggable, tried a horizontally scrolling pageComponent, and tried animating each answer cell separately with not much luck.
Any ideas, suggestions, or tips? Thanks in advance.