Rounded background text

Text with a rounded background, also it has margin in the background colour of the text

Highlight a simple text:

You need to import the package

import 'package:rounded_background_text/rounded_background_text.dart';
RoundedBackgroundText(
  'A cool text to be highlighted',
  style: const TextStyle(fontWeight: FontWeight.bold),
  backgroundColor: Colors.white,
),

You can change the radius of the corners by setting innerRadius and outerRadius:

RoundedBackgroundText(
  'A cool text to be highlighted',
  style: const TextStyle(fontWeight: FontWeight.bold),
  backgroundColor: Colors.white,
  innerRadius: 15.0,
  outerRadius: 10.0,
),

More info in https://flutterawesome.com/text-and-textfield-highlighted-with-rounded-corners/

Last updated