Marquee
Overview
An effect that scrolls text or content so it flows from side to side (or up and down). Use it for text that streams past like a stock ticker board, for example.
Properties
| Property | Description | Value | Default |
|---|---|---|---|
controller | ⚠️ This property isn't supported in the current version. | Controller | Not set |
direction | Sets the axis the content flows along (horizontal or vertical). It also decides how the copies are placed in seamless mode. | horizontal, vertical | horizontal |
textDirection | Sets the text direction of the content (ltr or rtl). Defaults to ltr when not set. | rtl, ltr | Not set |
animationDuration | Sets how long the content takes to flow all the way to one end. 5000ms when not set. | Duration | Not set |
backDuration | Sets how long the trip back to the opposite end takes in TwoDirection mode. 0ms when not set. | Duration | Not set |
pauseDuration | Sets how long to wait before each flow starts. 0ms when not set. | Duration | Not set |
pauseAfterRound | Sets how long to stay paused after finishing a flow in one direction. 0ms when not set. | Duration | Not set |
directionMarquee | Sets how the flow repeats: oneDirection (jumps from the end back to the start), TwoDirection (travels back the other way), seamless (loops without a break using copies), or count (splits the length into count steps and moves one step at a time). | oneDirection, TwoDirection, seamless, count | seamless |
forwardAnimation | Sets the animation curve for the forward flow. | linear, easeIn, easeOut | linear |
backwardAnimation | Sets the animation curve for the return flow in TwoDirection mode. | linear, easeIn, easeOut | linear |
autoRepeat | Sets whether the flow keeps repeating. | On / off | On |
gap | Sets the space between the two repeating copies in seamless mode. | Number | 0.0 |
count | In count mode, splits the total length into this many steps and moves one step at a time. | Integer | 1 |