Screenshot
Usage
-
Add marquee_text as a dependency in your pubspec.yaml file.
dependencies: marquee_text: ^2.5.0+1
-
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, ), ], ), )
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 |