A marquee widget that loops content seamlessly in a continous animation. The marquee will only animate if the content contained in the widget extends pass the horizontal edge of the screen.
Note: Current limitation is that the elements being displayed are not interactable during the animation.
Container(
margin: const EdgeInsets.symmetric(horizontal: 20),
child: Marquee(
duration: const Duration(milliseconds: 5000),
child: Text('Very long text that bleeds out of the rendering space'),
),
),delay: Duration to wait before next loop.
disableAnimation: Toggle whether or not to loop widget.
duration: The time in order to complete a full loop.
gap: The size between the widget end and looped widgets start.
id: Used to track widget instance and prevent rebuilding unnecessarily if parent rebuilds.
pause: Time to pause animation inbetween loops.