I'm encountering an issue with aligning text to the center when using the AnimatedTextKit widget along with the DefaultTextStyle widget in Flutter. Despite specifying textAlign: TextAlign.center in DefaultTextStyle, the text isn't being aligned in the center of the widget.
Steps to Reproduce:
- Wrap an AnimatedTextKit widget inside DefaultTextStyle with textAlign: TextAlign.center.
- Set the style of the DefaultTextStyle and use TyperAnimatedText as one of the animated texts.
- The text appears misaligned or not centered as expected.
DefaultTextStyle(
textAlign: TextAlign.center,
style: contentTextStyle ??
AppTextStyle.kInter19x400.copyWith(
fontSize: 20.sp,
color: Colors.white,
),
child: AnimatedTextKit(
isRepeatingAnimation: false,
animatedTexts: [
TyperAnimatedText(
"${controller.chats[index].content?.toLowerCase()}",
speed: const Duration(
milliseconds: 30,
),
),
],
),
),
Expected Behavior:
The text should be properly centered within the AnimatedTextKit widget, respecting the textAlign: TextAlign.center property.
Actual Behavior:
The text is not aligned to the center as expected, even with textAlign: TextAlign.center set in the DefaultTextStyle.
I'm encountering an issue with aligning text to the center when using the
AnimatedTextKitwidget along with theDefaultTextStylewidget in Flutter. Despite specifyingtextAlign: TextAlign.centerinDefaultTextStyle, the text isn't being aligned in the center of the widget.Steps to Reproduce:
Expected Behavior:
The text should be properly centered within the AnimatedTextKit widget, respecting the textAlign: TextAlign.center property.
Actual Behavior:
The text is not aligned to the center as expected, even with textAlign: TextAlign.center set in the DefaultTextStyle.