flutter_richtext_composer

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter projetado para simplificar a criação de texto rico com suporte à internacionalização (i18n). Permite que desenvolvedores compõem texto formatado com múltiplos estilos, links e emojis de forma clara e legível, garantindo uma localização adequada. O pacote se integra perfeitamente em aplicativos Flutter em todas as principais plataformas, tornando-o ideal para conteúdo dinâmico como notificações, mensagens ou interfaces instrucionais. Sua API é intuitiva e focada na manutenibilidade e escalabilidade.

Casos de uso

Construindo interfaces de chat localizadas
Exibindo conteúdo gerado pelo usuário com estilo
Criando texto instrucional multilíngue
Gerando mensagens de notificação dinâmicas
Implementando dicas de ferramenta com formatação rica

Principais recursos

composição de texto rico amigável ao i18n
Suporte a múltiplas estilos de texto e links
Integração fácil com os widgets Text do Flutter
Compatibilidade multiplataforma
API declarativa e limpa
Tratamento de emojis e caracteres especiais

Indicado para

Desenvolvedores de aplicativos multilíngues
Equipes que precisam de lógica de texto rico mantida
Aplicativos com conteúdo dinâmico ou gerado pelo usuário
UIs que exigem texto formatado com localização
Projetos que enfatizam legibilidade e escalabilidade

Considerações

Requer manipulação cuidadosa das chaves de tradução
Pode aumentar ligeiramente o tamanho do pacote com formatação extensiva
Limitado a conteúdo baseado em texto, não imagens ou layouts complexos
Depende da configuração correta de i18n no aplicativo pai
Não destinado a renderização de texto de alto desempenho em larga escala

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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,
          ),
    ),
  },
),