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

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