Marquee Widget – Scrolls Text

flutter marquee widget

marquee widget – scrolls text. a flutter widget that scrolls widget text and other widget with supported rtl.

provides many customizationsincluding custom scroll directions and velocities, pausing after every round and specifying custom durations and curves for accelerating and decelerating.

usage

this is a minimalistic example:

marquee(
  child:text( 'this project is a starting point for a dart package, a library module containing code that can be shared easily across multiple flutter or dart projects. '),
)

and here’s a piece of code that makes full use of the marquee’s customizability: set width and height with continer()

marquee(
  child:text( 'this project is a starting point for a dart package'),
  scrollaxis: axis.horizontal,
  textdirection : textdirection.rtl,
  animationduration: duration(seconds: 1),
  backduration: duration(milliseconds: 5000),
  pauseduration: duration(milliseconds: 2500),
)

exmpale

gridview.count(
        crossaxiscount: 2,
        childaspectratio: 0.7,
        children: <widget>[
          gridtile(
            child: card(
              child: column(
                children: <widget>[
                  expanded(
                      child: image.network(
                    "https://i.pinimg.com/564x/9d/a6/36/9da636b9e60ea40b18921b0053b7d486.jpg",
                    fit: boxfit.fitheight,
                  )),
                  marquee(
                      child: text(
                    "flutter is a free and open source google mobile ui ",
                    style: textstyle(fontsize: 16),
                  )),
                ],
              ),
            ),
          ),
          gridtile(
            child: card(
              child: column(
                children: <widget>[
                  expanded(
                      child: image.network(
                    "https://cdn-images-1.medium.com/max/1000/1*uptyvpofbb0c4o1r57c9_w.png",
                    fit: boxfit.fitheight,
                  )),
                  marquee(
                      child: text(
                    "flutter is a free and open source google mobile ui ",
                    style: textstyle(fontsize: 16),
                  )),
                ],
              ),
            ),
          ),
          gridtile(
            child: card(
              child: column(
                children: <widget>[
                  expanded(
                      child: marquee(
                          child: container(
                              width: 1000,
                              child: image.network(
                                "https://i.pinimg.com/564x/9d/a6/36/9da636b9e60ea40b18921b0053b7d486.jpg",
                                fit: boxfit.fitwidth,
                              )))),
                  marquee(
                      child: text(
                    "flutter is a free and open source google mobile ui ",
                    style: textstyle(fontsize: 16),
                  )),
                ],
              ),
            ),
          ),
          gridtile(
            child: card(
              child: column(
                children: <widget>[
                  marquee(
                      child: container(width: 1000,
                        child: column(
                    children: <widget>[
                        marquee(
                            child: container(
                                width: 1000,height: 260,
                                child: image.network(
                                  "https://cdn-images-1.medium.com/max/1000/1*uptyvpofbb0c4o1r57c9_w.png",
                                  fit: boxfit.fitwidth,
                                ))),
                        text(
                          "flutter is a free and open source google mobile ui ",
                          style: textstyle(fontsize: 16),
                        ),
                    ],
                  ),
                      )),
                ],
              ),
            ),
          ),
        ],
      ),