Text UI Snackbar has line like overflow

[indratrisnar]

i use custom child to show my snackbar on top. here the result.

here the code:
Widget notifUI = Container(
height: 96,
padding: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 24,
),
decoration: BoxDecoration(
color: const Color(0xffFF2055),
borderRadius: BorderRadius.circular(20),
),
child: const Text(
'Failed to checkout. Your wallet has no enough balance moment.',
style: TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w600,
// height: 1.5,
),
),
);

showTopSnackBar(Overlay.of(context), notifUI, persistent: true);

[Rokasurba]

Add DefaultTextStyle or Scaffold widget as parent in your custom widget.

[vizhan-lanars]

Rokasurba is right