marquee_text

Description:

marquee text

Screenshot #

Usage #


Add marquee_text as a dependency in your pubspec.yaml file.
dependencies:
marquee_text: ^2.5.0+1
copied to clipboard


Now in your flutter project, you can use:
Container(
width: 100,
color: Colors.green
child: Column(
children: [
/// horizontal marquee
MarqueeText(
text: TextSpan(
text: 'This is long long long text...',
),
style: TextStyle(
fontSize: 24,
color: Colors.white,
),
speed: 30,
),

/// vertical marquee
VerticalMarqueeText(
text: TextSpan(
children: <InlineSpan>[
TextSpan(
text: '''
This is long long long text...
This is long long long text...
This is long long long text...
''',
),
],
),
style: TextStyle(
fontSize: 24,
color: Colors.white,
),
speed: 30,
),
],
),
)
copied to clipboard


Properties #



Property
Type
Required
Default




text
String
true
/


style
TextStyle
false
/


speed
double
false
50


alwaysScroll
bool
false
false


textDirection
TextDirection
false
TextDirection.ltr


marqueeDirection
MarqueeDirection
false
MarqueeDirection.rtl


textAlign
TextAlign
false
TextAlign.start