Search packages, repositories and app categories

Package detailsv0.0.3

custom_rich_text

A custom rich text package that allow highlights and link reference to text.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
135
Likes
36
Pub points
140

Install package

flutter pub add custom_rich_text

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that enables rich text rendering with customizable highlights and clickable link references within text. It extends standard text widgets by allowing developers to embed interactive elements like highlighted keywords and hyperlinks directly in the text flow. Ideal for displaying formatted content such as articles, chat messages, or documentation with dynamic styling and navigation. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux.

Use cases

  • Displaying formatted articles
  • Creating interactive chat messages
  • Rendering documentation with links
  • Highlighting keywords in text
  • Building rich note-taking apps

Key features

  • Custom text highlighting
  • Clickable link references
  • Cross-platform support
  • Extensible text styling
  • Easy integration with existing widgets

Suitable for

  • Developers building rich text UIs
  • Apps requiring interactive text content
  • Content-heavy applications
  • Educational or documentation platforms
  • Chat or messaging interfaces

Considerations

  • Requires careful handling of tap gestures
  • May need additional styling for complex layouts
  • Limited to basic hyperlink functionality
  • Not suitable for full-featured WYSIWYG editors
  • Performance impact with large text blocks

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Custom RichText

CustomRichText is a package that allows highlighting and link reference to the text.

Image Plugin

Key Features

  • Highlights email, phone number, web link, custom RegExp, certain sub-strings
  • Provides a call back on each highlighted string
  • Option for read more, read less and a call back for both
  • Allow text styling as per requirement

Note

  • If you want to highlight any specific type of text then need to add the following on tap method.
  • If any link or email consists the provided sub-string then it will ignore that and will be highlighted as web link or email.

Getting Started

To use this package, add custom_rich_text as a dependency in your pubspec.yaml file.

dependencies:
  ...
  custom_rich_text: any

Now in your Dart code, you can use:

 import 'package:custom_rich_text/custom_rich_text.dart';

Usage

Example
CustomRichText(
  text: 'MindInventory is first-rate choice of the '
      'clients worldwide. With sheer customer satisfaction in mind, we are profoundly '
      'dedicated to developing highly intriguing apps that strictly meet the business '
      'requirements and catering a wide spectrum of projects. Kickstart Your Digital '
      'Journey Today and get all your queries and concerns answered by our business '
      'development team. Our email address is sales@mindinventory.com, our website '
      'https://www.mindinventory.com and our Contact number is +91-951-229-3490',
  caseSensitive: false,
  readMoreLessModel: ReadMoreLessModel(
    trimLines: 3,
    readMoreText: ' read more',
    readLessText: ' read less',
    readMoreLessStyle: kReadMoreLessStyle,
  ),
  textStyle: kTextStyle,
  linkStyle: kLinkStyle,
  highlightTermsStyle: kLinkStyle,
  onWebLinkTap: (web) async {
    await launch(web);
  },
  onPhoneTap: (phone) async {
    await launch('tel:$phone');
  },
  onEmailTap: (email) async {
    await launch('mailto:$email');
  },
  highlightTerms: [kMindinventory],
  onTermTap: (text) async {
    await launch('https://www.mindinventory.com/');
  },
),

Guideline for contributors

Contribution towards our repository is always welcome, we request contributors to create a pull request to the develop branch only.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue

LICENSE!

Custom RichText is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.

Categories

Source repository

Projects using this package

No data available yet.