Pakete, Repositories und App-Kategorien suchen

Paketdetailsv0.0.3

custom_rich_text

Ein benutzerdefiniertes Rich-Text-Paket, das Hervorhebungen und Link-Referenzen im Text ermöglicht.

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
135
Likes
36
Pub-Punkte
140

Paket installieren

flutter pub add custom_rich_text

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das die Darstellung von reichhaltigem Text mit anpassbaren Hervorhebungen und klickbaren Linkreferenzen innerhalb des Textes ermöglicht. Es erweitert standardmäßige Textwidgets, indem es Entwicklern erlaubt, interaktive Elemente wie hervorgehobene Schlüsselwörter und Hyperlinks direkt im Textfluss einzubetten. Ideal für die Anzeige formatierter Inhalte wie Artikel, Chatnachrichten oder Dokumentation mit dynamischer Formatierung und Navigation. Das Paket unterstützt mehrere Plattformen, darunter Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

  • Formatierte Artikel anzeigen
  • Interaktive Chat-Nachrichten erstellen
  • Dokumentation mit Links rendern
  • Schlüsselwörter im Text hervorheben
  • Erfahrene Notiz-App-Entwicklung

Hauptmerkmale

  • Benutzerdefinierte Texthervorhebung
  • klickbare Link-Referenzen
  • Plattformübergreifende Unterstützung
  • Erweiterbarer Textstil
  • Einfache Integration mit bestehenden Widgets

Geeignet für

  • Entwickler, die reichhaltige Text-Oberflächen erstellen
  • Apps mit interaktiven Textinhalten
  • inhaltsintensive Anwendungen
  • Bildungs- oder Dokumentationsplattformen
  • Chat- oder Nachrichtenoberflächen

Hinweise

  • Erfordert sorgfältige Behandlung von Touch-Gesten
  • Für komplexe Layouts kann zusätzliche Styling notwendig sein
  • Beschränkt auf grundlegende Hyperlink-Funktionen
  • Nicht geeignet für vollwertige WYSIWYG-Editoren
  • Leistungseinbußen bei großen Textblöcken

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.