Drawable Text

A Flutter package that provides a text widget with drawable widgets at the start and end positions. This package allows you to easily add icons or any widget before or after text with customizable alignment and styling options.

Features

  • Add drawable widgets at the start and/or end of text
  • Customize text appearance (size, color, font family, weight, etc.)
  • Support for HTML text rendering
  • Text selection capability
  • Customizable padding between text and drawable widgets
  • Different alignment options for drawable widgets
  • Support for text overflow handling and max lines
  • Easy to use factory constructors for common use cases

Getting started

Add the package to your pubspec.yaml file:

dependencies:
  drawable_text: ^0.0.1

Run the following command to get the package:

flutter pub get

Usage

Basic Usage

DrawableText(
  text: 'Hello World',
  drawableStart: Icon(Icons.star),
  drawableEnd: Icon(Icons.arrow_forward),
  drawablePadding: 8.0,
)

With Custom Styling

DrawableText(
  text: 'Styled Text',
  size: 18.0,
  color: Colors.blue,
  fontWeight: FontWeight.bold,
  drawableStart: Icon(Icons.favorite, color: Colors.red),
  drawablePadding: 10.0,
  textAlign: TextAlign.center,
  maxLines: 2,
)

Using Factory Constructor for Title

DrawableText.title(
  text: 'Section Title',
  color: Colors.black87,
  drawableStart: Icon(Icons.title),
  drawablePadding: 8.0,
)

With HTML Content

DrawableText(
  text: '<p>This is <b>HTML</b> content</p>',
  drawableStart: Icon(Icons.code),
  drawablePadding: 8.0,
)

Selectable Text

// Initialize globally
DrawableText.initial(selectable: true);

// Or per instance
DrawableText(
  text: 'This text can be selected',
  selectable: true,
  drawableStart: Icon(Icons.select_all),
)

Additional information

  • Package is licensed under "Free for all"
  • For issues and feature requests, please visit the GitHub repository
  • Contributions are welcome through pull requests

Libraries

drawable_text