When font size is large, tip is not show completely

[calcitem]

When font size is large, tip is not show completely

[calcitem]

Doesn't work:

import 'package:flutter/material.dart';
import 'package:marquee/marquee.dart';

class HeaderTip extends StatefulWidget {
  @override
  HeaderTipState createState() => HeaderTipState();
}

class HeaderTipState extends State<HeaderTip> {
  final ValueNotifier<String> _messageNotifier = ValueNotifier<String>("");

  @override
  void initState() {
    super.initState();
    GameController().headerTipNotifier.addListener(_showTip);
  }

  void _showTip() {
    final HeaderTipNotifier headerTipNotifier =
        GameController().headerTipNotifier;

    if (headerTipNotifier.showSnackBar) {
      rootScaffoldMessengerKey.currentState!
          .showSnackBarClear(headerTipNotifier.message);
    }

    _messageNotifier.value = headerTipNotifier.message;
  }

  @override
  Widget build(BuildContext context) {
    return ValueListenableBuilder<String>(
      valueListenable: _messageNotifier,
      builder: (BuildContext context, String value, Widget? child) {
        final textStyle = TextStyle(
          color: DB().colorSettings.messageColor,
          fontSize: AppTheme.textScaler.scale(AppTheme.defaultFontSize),
          fontFeatures: const <FontFeature>[FontFeature.tabularFigures()],
        );

        return Semantics(
          enabled: true,
          child: SizedBox(
            height: 24 * DB().displaySettings.fontScale,
            child: LayoutBuilder(
              builder: (BuildContext context, BoxConstraints constraints) {
                final textWidth = _getTextWidth(value, textStyle, context);
                final isOverflowing = textWidth > constraints.maxWidth;

                return isOverflowing
                    ? Marquee(
                        text: value.isEmpty ? S.of(context).welcome : value,
                        style: textStyle,
                        scrollAxis: Axis.horizontal,
                        blankSpace: 20.0,
                        velocity: 50.0,
                        pauseAfterRound: Duration(seconds: 1),
                        startPadding: 10.0,
                        accelerationDuration: Duration(seconds: 1),
                        accelerationCurve: Curves.linear,
                        decelerationDuration: Duration(milliseconds: 500),
                        decelerationCurve: Curves.easeOut,
                      )
                    : Text(
                        value.isEmpty ? S.of(context).welcome : value,
                        maxLines: 1,
                        style: textStyle,
                      );
              },
            ),
          ),
        );
      },
    );
  }

  double _getTextWidth(String text, TextStyle style, BuildContext context) {
    final textPainter = TextPainter(
      text: TextSpan(text: text, style: style),
      maxLines: 1,
      textDirection: TextDirection.ltr,
    );
    textPainter.layout();
    return textPainter.size.width;
  }

  @override
  void dispose() {
    GameController().headerTipNotifier.removeListener(_showTip);
    super.dispose();
  }
}