https://github.com/marcelgarus/marquee

A Flutter widget that scrolls text infinitely. Provides many customizations including custom scroll directions and velocities, pausing after every round and specifying custom durations and curves for accelerating and decelerating.
https://github.com/marcelgarus/marquee

Last synced: 8 days ago
JSON representation

A Flutter widget that scrolls text infinitely. Provides many customizations including custom scroll directions and velocities, pausing after every round and specifying custom durations and curves for accelerating and decelerating.

• Host: GitHub
• URL: https://github.com/marcelgarus/marquee
• Owner: MarcelGarus
• License: mit
• Created: 2018-10-22T09:35:04.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-10-10T10:26:09.000Z (28 days ago)
• Last Synced: 2024-10-30T20:15:19.028Z (8 days ago)
• Language: Dart
• Homepage:
• Size: 85.9 KB
• Stars: 293
• Watchers: 6
• Forks: 137
• Open Issues: 43
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
⏩ A Flutter widget that scrolls text infinitely. Provides many customizations

including custom scroll directions, durations, curves as well as pauses after

every round.

*Appreciate the widget? Show some ❤️ and star the repo to support the project.*

## Usage

This is a minimalistic example:

```dart

Marquee(

  text: 'There once was a boy who told this story about a boy: "',

)

```

And here's a piece of code that makes full use of the marquee's

customizability:

```dart

Marquee(

  text: 'Some sample text that takes some space.',

  style: TextStyle(fontWeight: FontWeight.bold),

  scrollAxis: Axis.horizontal,

  crossAxisAlignment: CrossAxisAlignment.start,

  blankSpace: 20.0,

  velocity: 100.0,

  pauseAfterRound: Duration(seconds: 1),

  startPadding: 10.0,

  accelerationDuration: Duration(seconds: 1),

  accelerationCurve: Curves.linear,

  decelerationDuration: Duration(milliseconds: 500),

  decelerationCurve: Curves.easeOut,

)

```

For more information about the properties, have a look at the

[API reference](https://pub.dartlang.org/documentation/marquee/).