flutter_richtext_composer

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das die Erstellung von Rich Text mit Unterstützung für Internationale Sprachausgabe (i18n) vereinfacht. Es ermöglicht Entwicklern, formatierten Text mit mehreren Stilen, Links und Emojis auf eine saubere, lesbare Weise zu erstellen, während eine korrekte Lokalisierung gewährleistet wird. Das Paket lässt sich nahtlos in Flutter-Anwendungen auf allen wichtigen Plattformen integrieren und ist daher ideal für dynamische Inhalte wie Benachrichtigungen, Nachrichten oder Anleitungsoberflächen. Die API ist intuitiv und auf Wartbarkeit und Skalierbarkeit ausgerichtet.

Anwendungsfälle

Lokalisierte Chat-Oberflächen erstellen
Stilisierte vom Nutzer erstellte Inhalte anzeigen
Mehrsprachigen Anleitungstext erstellen
Dynamische Benachrichtigungsnachrichten generieren
Implementierung von rich-formatted Tooltips

Hauptmerkmale

i18n-freundliche Zusammensetzung reichhaltigen Textes
Unterstützung mehrerer Textstile und Links
Einfache Integration mit Flutter-Text-Widgets
Plattformübergreifende Kompatibilität
Sauberer, deklarativer API
Emoji- und Sonderzeichenverarbeitung

Geeignet für

Entwickler, die mehrsprachige Apps erstellen
Teams, die wartbare reichhaltige Textlogik benötigen
Apps mit dynamischem oder vom Benutzer generiertem Inhalt
UIs, die formatierten Text mit Lokalisierung erfordern
Projekte, die Lesbarkeit und Skalierbarkeit betonen

Hinweise

Erfordert sorgfältige Behandlung von Übersetzungs-Schlüsseln
Kann die Bundle-Größe leicht erhöhen, insbesondere bei umfangreicher Formatierung
Beschränkt auf textbasierte Inhalte, nicht Bilder oder komplexe Layouts
Abhängig von der korrekten i18n-Einrichtung in der übergeordneten App
Nicht für leistungsstarke Textdarstellung im großen Maßstab vorgesehen

Original-README

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

A Flutter package for composing RichText in a i18n friendly way.

Getting Started

Import the library with

import 'package:flutter_richtext_composer/flutter_richtext_composer.dart';

Example

Then you can start composing RichText like this:

RichTextComposer(
  'Hi {name}, I am {my_name}! {icon}',
  style: TextStyle(fontSize: 30),
  placeholders: {
    'name': TextSpan(
          text: 'Son',
          style: TextStyle(fontWeight: FontWeight.bold),
    ),
    'my_name': TextSpan(
          text: 'Dad',
          style: TextStyle(
            color: Colors.red,
            decoration: TextDecoration.underline,
          ),
    ),
    'icon': WidgetSpan(
      child: GestureDetector(
        child: Icon(Icons.person),
        onTap: () {
          ScaffoldMessenger.of(context).showSnackBar(SnackBar(
            content: Text('Icon has been clicked'),
          ));
        },
      ),
    ),
  },
),

To escape the placeholder, prefix with \, e.g \{placeholder}:

RichTextComposer(
  'Hi \\{dad}, I am {batman}!',
  style: TextStyle(fontSize: 25),
  placeholders: {
    'batman': TextSpan(
          text: 'Batman',
          style: TextStyle(
            color: Colors.red,
            decoration: TextDecoration.underline,
          ),
    ),
  },
),