ScaledAnimatedText causes the whole page content to do a little vertical jump on each animation cycle

[BenjiFarquhar]

Describe the bug ScaledAnimatedText causes the whole page content to do a little jump on each animation cycle. On all platforms. The content goes up and then down by about 2 or 3 pixels each time.

To Reproduce

const DURATION_6 = Duration(milliseconds: 2000);
AnimatedTextKit(
        pause: DURATION_0,
        repeatForever: true,
        animatedTexts: [
          ScaleAnimatedText(
            'xxx',
            scalingFactor: 0.9,
            textAlign: TextAlign.center,
            duration: DURATION_6,
          ),
          ScaleAnimatedText(
            'xxx',
            scalingFactor: 0.9,
            textAlign: TextAlign.center,
            duration: DURATION_6,
          ),
          ScaleAnimatedText(
            '.xxx',
            scalingFactor: 0.9,
            textAlign: TextAlign.center,
            duration: DURATION_6,
          ),
          ScaleAnimatedText(
            'xxx',
            scalingFactor: 0.9,
            textAlign: TextAlign.center,
            duration: DURATION_6,
          ),
          ScaleAnimatedText('.xxx',
              textAlign: TextAlign.center,
              scalingFactor: 0.9,
              duration: DURATION_6),
          ScaleAnimatedText('or anywhere else...',
              textAlign: TextAlign.center,
              scalingFactor: 0.9,
              duration: DURATION_6),
          ScaleAnimatedText('xxx',
              textAlign: TextAlign.center,
              scalingFactor: 0.9,
              duration: DURATION_6,
              textStyle: const TextStyle(
                  color: Color(0xff3F51B5), fontWeight: FontWeight.w500)),
        ],
      ),

Expected behavior No jump.

version: animated_text_kit: ^4.2.2

Flutter:

• 3.0.3
• stable

Dart:

• 2.17.5