How to keep text up after animating

I have a couple of Text objects animating but once the Flicker animation is done, the text doesn't stay up on the screen. Although I set both the repeatingForever and isRepeatingAnimation to false, the animation fades out and then the text stays disappeared.

Here is my code:

SizedBox(
width: MediaQuery.of(context).size.width,
child: DefaultTextStyle(
style: const TextStyle(color: Color(0xffbdbdbd), fontFamily: 'Jersey 15', fontSize: 50),
child: Center(
child: AnimatedTextKit(
isRepeatingAnimation: false,
repeatForever: false,
animatedTexts: [
TypewriterAnimatedText('I Gift You...'),
FadeAnimatedText(widget.contact.name),
],
),
),
),
),

Thank you in advance.

Look at the FadeAnimatedText implementation in the animated_texts directory. The issue is likely in how the animation controller handles the final state. Check the onFinished callback and the animation curve. Run the example app to reproduce the bug, then write a test to verify the text remains visible after the fade animation completes.

Rédigé par le modèle d'indexation à partir du texte de l'issue.