Flutter loading text animation

Question

How to achieve this effect with Flutter? Preferably with something like animatedContainer, but not necessarily.

Answer 1

Solution 1:

Look at this package: animated_text_kit

https://pub.dev/packages/animated_text_kit

See the Wavy pattern...

return DefaultTextStyle(
  style: const TextStyle(
    fontSize: 20.0,
  ),
  child: AnimatedTextKit(
    animatedTexts: [
      WavyAnimatedText('Hello World'),
      WavyAnimatedText('Look at the waves'),
    ],
    isRepeatingAnimation: true,
    onTap: () {
      print("Tap Event");
    },
  ),
);

Solution 2:

There are several more general packages that provide out of the box and ready to use Loading animations... (but not necessarily the exact same animation from your link)

Links:

https://pub.dev/packages/flutter_easyloading

Flutter loading text animation

Flutter loading text animation