textOnColor static method

Widget textOnColor(BuildContext context, { required String text, bool expanded = false, TextStyle? style, Color? backgroundColor, TextAlign? textAlign, double horizontalGap = 10, double verticalGap = 10, Color textColor = Colors.black87, })

Creates a text widget on a colored rounded container background.

Parameters:

• context: The build context to access theme data
• text: The text to display
• expanded: Whether to expand the widget horizontally. Defaults to false
• style: Optional text style
• backgroundColor: Optional background color. Defaults to grey
• textAlign: Optional text alignment
• horizontalGap: Horizontal padding. Defaults to 10
• verticalGap: Vertical padding. Defaults to 10
• textColor: Text color. Defaults to black87

Implementation

static Widget textOnColor(BuildContext context, {required String text, bool expanded = false, TextStyle? style, Color? backgroundColor, TextAlign? textAlign, double horizontalGap = 10, double verticalGap = 10, Color textColor = Colors.black87})
{
  Widget c = Container(
    decoration: BoxDecoration(
        color: backgroundColor ?? Colors.grey.shade200,
        borderRadius: BorderRadius.circular(6)
    ),
    padding: EdgeInsets.symmetric(horizontal: horizontalGap, vertical: verticalGap),
    child: Text(
      text,
      style: style ?? Theme.of(context).textTheme.titleMedium!.copyWith(color: textColor),
      textAlign: textAlign,
    ),
  );

  if (expanded) {
    return Row(children: [c.expanded()]);
  }
  else {
    return c;
  }
}