pub package

Screenshot

Screenshot

Usage

  1. Add marquee_text as a dependency in your pubspec.yaml file.

     dependencies:
       marquee_text: ^2.5.0+1
    
  2. 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

PropertyTypeRequiredDefault
textStringtrue/
styleTextStylefalse/
speeddoublefalse50
alwaysScrollboolfalsefalse
textDirectionTextDirectionfalseTextDirection.ltr
marqueeDirectionMarqueeDirectionfalseMarqueeDirection.rtl
textAlignTextAlignfalseTextAlign.start

Libraries

marquee_direction
marquee_text
vertical_marquee_text