marquee_text 2.5.0+1 copy "marquee_text: ^2.5.0+1" to clipboard
marquee_text: ^2.5.0+1 copied to clipboard

Scroll automatically when the child exceeds the width of the container.

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
42
likes
150
pub points
94%
popularity

Publisher

verified publisherzhcode.fun

Scroll automatically when the child exceeds the width of the container.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on marquee_text