This widget is not vertically Centered.

[aytunch]

In the Build Method there is a SizedBox with Height = 1.5 * fontSize.
I have fontsize = 100, so my Height is 150pixels.
Inside of it there is a Row.
However when you wrap the whole widget in a Container and give color you can see that it is in the bottom of the container.
Could you implement a way to Center vertically?

[csells]

If you want to fork, I was able to solve this problem with the JumpingDotsProgressIndicator in the build method of the _JumpingDot widget:

class _JumpingDot extends AnimatedWidget {
  final Color color;
  final double fontSize;

  const _JumpingDot({
    required Animation<double> animation,
    required this.color,
    required this.fontSize,
  }) : super(listenable: animation);

  Animation<double> get _animation => listenable as Animation<double>;

  @override
  Widget build(BuildContext context) => SizedBox(
        height: _animation.value + fontSize,
        child: Text(
          '.',
          style: TextStyle(
            color: color,
            fontSize: fontSize,
            // Center the text vertically within its line height
            height: 1,
          ),
        ),
      );
}

The use of height: 1 forced the text to be centered vertically within its line height.