I have a "slot machine" type animation that I've built in flutterflow, but I'm getting inconsistent results. It seems to stop early sometimes (and sometimes late, but it's far more rare). I've attached a video to describe what I mean.
I've accomplished this by using on all 3 text components..
two slide animations:
from initial state 0 > final state -100 (duration 100ms, delay 0ms)
from initial state 100 > final state 0 (duration 100ms, delay 100ms)
in the action flow editor, i've triggered all 3 animations, looping, non-blocking, then set a delay of 2000 ms, then triggered a stop of the animations.
I did the math and thought 2000ms would equally divide and it would stop at the correct time, but that did not work. It kept stopping somewhere outside the clipping area. So I experimented with the time, and found that 1925ms gets it right most of the time, but I still have these early stoppages.
This feels hacky and inconsistent to me, what is the right way to go about accomplishing this?