https://github.com/francis94c/sequence-aware-rich-text-renderer
An extended Flutter RichText widget that applies custom properties to the TextSpan of specified character sequences
https://github.com/francis94c/sequence-aware-rich-text-renderer
flutter render-currency render-special-characters richtext
Last synced: 3 months ago
JSON representation
An extended Flutter RichText widget that applies custom properties to the TextSpan of specified character sequences
- Host: GitHub
- URL: https://github.com/francis94c/sequence-aware-rich-text-renderer
- Owner: francis94c
- License: mit
- Created: 2024-09-22T14:14:36.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2025-04-10T02:52:07.000Z (over 1 year ago)
- Last Synced: 2026-03-24T15:20:51.749Z (5 months ago)
- Topics: flutter, render-currency, render-special-characters, richtext
- Language: C++
- Homepage:
- Size: 610 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# sequence-aware-rich-text-renderer
[](https://opensource.org/licenses/MIT) [](https://pub.dev/packages/sequence_aware_rich_text_renderer) [](https://github.com/francis94c/sequence-aware-rich-text-renderer/actions/workflows/test.yaml) [](https://github.com/francis94c/sequence-aware-rich-text-renderer/actions/workflows/publish.yaml) [](https://codecov.io/github/francis94c/sequence-aware-rich-text-renderer)
A RichText widget that allows you to break-down and customize certain parts of its content as spans just by specifying the actual segment or characters you want styled differently.
## Features
- RichTextWidget.
- Sequence JSON Serialization for dynamic styling and persistence.
## Getting started
Run
```bash
flutter pub add sequence-aware-rich-text-renderer
```
## Usage
The use case that inspired the creation of this package is about a problem with custom fonts that fail to support some characters like '₦' for example, but is supported by the native font being used by the application. I recon there are also other use cases where multiple font families have to be combined to produce some sort of visual effect.
Below is an example of how you'd typically use the widget this package provides, to solve the problem, or achieve what you have in mind.
This package was built with flexibility in mind and may be used beyond what I imagined it for.
Nevertheless, contributions are always welcome.
```dart
import 'package:sequence_aware_rich_text_renderer/sequence_aware_rich_text_renderer.dart';
.
.
.
const SequenceAwareRichText(
"Please note that transactions below ₦5,000 will attract a service charge of ₦10, while transactions "
"above ₦5,000 will attract a service charge of ₦25.",
sequences: [
Sequence(
'₦',
style: TextStyle(
color: Colors.red,
),
),
],
style: TextStyle(
color: Colors.black,
fontFamily: 'DMSans',
),
);
```
**NB**: The `Sequence` object has toJson and fromJson methods for serialization and de-serialization.
## Additional information
PRs are welcome.