flutter_vertical_marquee 0.2.3

a vertical marquee like html element

flutter_vertical_marquee

screenshot

install

latest_version:

yaml

dependencies:
  flutter:
    sdk: flutter

  ...
  # marquee
  flutter_vertical_marquee: $latest_version

import in dart:

import 'package:flutter_vertical_marquee/flutter_vertical_marquee.dart';

build widget

  List<String> _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<Text>, textList and textSpanList can only have one of code.
          textSpanList: // List<TextSpan> 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 [e-mail]