Skip to content

Files

Latest commit

2f8a1e2 · May 27, 2025

History

History
120 lines (83 loc) · 2.3 KB

README.md

File metadata and controls

120 lines (83 loc) · 2.3 KB

flutter_text_decorator

License

Screenshot of Feature Grid

Bring your words to life leveraging flutter_text_decorator with wavy underlines, colorful boxes, speech bubbles and more. Whether you want to highlight important details, add a playful touch or simply stand out. The package makes it easy to add personality and flair to your text.

Features

  • Boxes
  • Underline
  • Wavy Box
  • Speech Bubble

Feel free to check out the Example App and play around.

Installation

pub.dev

Add flutter_text_decorator as dependency to pubspec.yaml:

dependencies:
  flutter_tex_dec: ^0.1.0

Usage

Box Decorator

TextDecorator.boxed(
  style: BoxStyle.rounded,
  text: const Text(
    'Rounded Box',
    style: TextStyle(fontSize: 32),
  ),
  strokeWidth: 2,
),

Box Decorator Example

Circle Decorator

TextDecorator.circled(
  style: CircleStyle.circled,
  text: const Text(
    'Circled Text',
    style: TextStyle(fontSize: 32),
  ),
),

Circle Decorator Example

Underline Decorator

TextDecorator.underlined(
  style: UnderlineStyle.horizontal,
  text: const Text(
    'Underlined Text',
    style: TextStyle(fontSize: 24),
  ),
  color: Colors.orange,
  strokeWidth: 2,
),

Underline Decorator Example

Highlight Decorator

TextDecorator.highlighted(
  style: HighlightStyle.marker,
  text: const Text(
    'Highlighted Text',
    style: TextStyle(fontSize: 32),
  ),
),

Underline Decorator Example

Roadmap

TODO's

  • Fix Wavy Box corners
  • Add test automation

Planned features

  • Comic effect

Contributing

See CONTRIBUTING

Authors and acknowledgment

Authors:

Special Thanks:

  • Noah Bauer for the creative name of this package

License

See LICENSE