A widget that enables you to display a child after a delay and with beautiful fading and sliding animation.


How does it works

All you have to do is to use the widget DelayedDisplay like this for example :

  delay: Duration(seconds: 1),
  child: Text(
    style: TextStyle(
      fontWeight: FontWeight.bold,
      fontSize: 35.0,
      color: Colors.white,

And ... That's all ! It will automatically handle fading and sliding animation and will make the Text appear after 1 second delay.

Let's customize it !

Here are the accepted parameters :

NameTypeUsageRequiredDefault Value
childWidgetThe Widget that needs to appearyesnull
delayDurationThe duration before showing the widget (and animating it)falsenull
fadingDurationDurationThe duration of the fading animationfalseconst Duration(milliseconds: 800)
slidingCurveCurveThe curve of the sliding animationfalseCurves.decelerate
slidingBeginOffsetOffsetThe offset from where the sliding animation will startfalseconst Offset(0.0, 0.35)