https://github.com/caijinglong/flutter_vertical_marquee

flutter vertical marquee
https://github.com/caijinglong/flutter_vertical_marquee

android dart flutter ios marquee mit vertical

Last synced: about 2 months ago
JSON representation

flutter vertical marquee

• Host: GitHub
• URL: https://github.com/caijinglong/flutter_vertical_marquee
• Owner: CaiJingLong
• License: mit
• Created: 2018-08-15T04:02:19.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-19T11:28:46.000Z (over 6 years ago)
• Last Synced: 2025-04-22T14:09:59.736Z (about 2 months ago)
• Topics: android, dart, flutter, ios, marquee, mit, vertical
• Language: Dart
• Size: 15.6 KB
• Stars: 15
• Watchers: 2
• Forks: 12
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# flutter_vertical_marquee

[![pub package](https://img.shields.io/pub/v/flutter_vertical_marquee.svg)](https://pub.dartlang.org/packages/flutter_vertical_marquee)

## screenshot

![image](https://raw.githubusercontent.com/CaiJingLong/some_asset/master/flutter_vertical_marquee1.gif)

## install

latest_version: [![pub package](https://img.shields.io/pub/v/flutter_vertical_marquee.svg)](https://pub.dartlang.org/packages/flutter_vertical_marquee)

yaml

```yaml

dependencies:

  flutter:

    sdk: flutter

  ...

  # marquee

  flutter_vertical_marquee: $latest_version

```

import in dart:

```dart

import 'package:flutter_vertical_marquee/flutter_vertical_marquee.dart';

```

build widget

```dart

  List _tipMarqueeList = [];

  _initMarquee() {

    _tipMarqueeList.clear();

    _tipMarqueeList.addAll(["test1", "test2"]);

  }

  Widget _buildMarquee() {

    _initMarquee();

    var controller = MarqueeController();

    return GestureDetector(

      child: Container(

        height: 40.0,

        color: Colors.lightBlueAccent.shade100,

        child: Marquee(

          textList: _tipMarqueeList, // List, textList and textSpanList can only have one of code.

          textSpanList: // List text, textList and textSpanList can only have one of code.

          fontSize: 14.0, // text size

          scrollDuration: Duration(seconds: 1), // every scroll duration

          stopDuration: Duration(seconds: 3), //every stop duration

          tapToNext: false, // tap to next

          textColor: Colors.black, // text color

          controller: controller, // the controller can get the position

        ),

      ),

      onTap: () {

        print(controller.position); // get the position

      },

    );

  }

```

or see example tab

## call me

email [email protected]