Morphing Text

It is a collection of text animations inspired by LTMorphingLabel.

Animations

ScaleMorphingText

ScaleMorphingText(
    texts: text,
    loopForever: true,
    onComplete: () {},
    textStyle: TextStyle(fontSize: 40.0),
),

EvaporateMorphingText

EvaporateMorphingText(
    texts: text,
    loopForever: true,
    onComplete: () {},
    yDisplacement: 1.2,     // To factor of y-displacement
    textStyle: TextStyle(fontSize: 40.0),
),

All Parameters

TypeParameterDescriptionDefault
List<String>textsList of String which will show the text-
TextStyletextStyleStyling of textsDefaultTextStyle
DurationspeedDefine the speed of changing of each text500 milliseconds
DurationpauseDefine the pause between each transition1500 milliseconds
boolloopForeverWhen true animations will repeat indefinitelyfalse
intloopCountNumber of time animation will repeat itself1
voidonCompleteWhen loopCount is completed it is called-
CurvefadeInCurveCurve which controls opacity from 0 to 1Curves.easeInExpo
CurvefadeOutCurveCurve which controls opacity from 1 to 0Curves.easeOut
CurveprogressCurveCurve which controls movement of text and scale changesCurves.easeIn

Changing Curves is purely experimental, select proper curves as per your need or leave them at default

Installation

Add in your pubspec.yaml

dependencies:
  morphing_text: <latest>

install packages

flutter packages get

Then import it in your main

import 'package: morphing_text/morphing_text.dart';

Want to Contribute?

A help is always welcomed, check our CONTRIBUTING.md

Libraries

morphing_text