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.

Usage

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'),
    ),
),

Parameters

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.