Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.3.0

rich_text_view

Uma visualização de texto rico simples, mas poderosa, que suporta menções, hashtags, e-mails, URLs e 'ver mais'.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
4,4 mil
Curtidas
65
Pontos Pub
140

Instalar pacote

flutter pub add rich_text_view

Visão geral do pacote

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

rich_text_view é um pacote Flutter que oferece uma maneira flexível e intuitiva de exibir texto rico com elementos interativos, como menções, hashtags, emails, URLs e funcionalidade 'ver mais'. Ele melhora a renderização de texto ao permitir componentes clicáveis e estilizados dentro de um único bloco de texto. O pacote suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o ideal para aplicativos multiplataforma que exigem conteúdo de texto dinâmico. Com configuração mínima via comando pub, os desenvolvedores podem integrar facilmente recursos de texto rico em seus aplicativos.

Casos de uso

  • Renderização de postagem nas redes sociais
  • Exibição de mensagem de bate-papo
  • Pré-visualização de blog ou artigo
  • conteúdo gerado pelo usuário com links
  • Seções de comentários interativas

Principais recursos

  • Suporta menções e hashtags
  • Gerencia URLs e emails
  • Inclui alternância de 'ver mais'
  • Estilo personalizável
  • Compatibilidade multiplataforma
  • Integração fácil com o Flutter

Indicado para

  • Aplicativos com conteúdo gerado pelo usuário
  • Aplicativos de mensagens ou redes sociais
  • Interfaces de usuário ricas em conteúdo
  • Exibição de texto dinâmico
  • Desenvolvedores em busca de soluções leves para texto rico

Considerações

  • Limitado a tipos de link predefinidos
  • Sem suporte embutido para imagem
  • Requer manipulação manual de eventos de toque
  • Não adequado para edição de texto rico complexa
  • O desempenho pode variar com textos muito longos

README original

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

rich_text_view

A simple yet powerful rich text view that supports mention, hashtag, email, url and view more.

Example

RichTextView
 RichTextView(
           text:
                      '''Who else thinks it's thinks it's just cool😎 to mention 
                      @jane when #JaneMustLive is trending without even trying 
                      to send a *bold* email to janedoe@gmail.com and verify the
                       facts talkmore of visiting www.janedoe.com''',
                  maxLines: 3,
                  truncate: true,
                  viewLessText: 'less',
                  linkStyle: TextStyle(color: Colors.blue),
                  supportedTypes: [
                    EmailParser(
                        onTap: (email) => print('${email.value} clicked')),
                    PhoneParser(
                        onTap: (phone) => print('click phone ${phone.value}')),
                    MentionParser(
                        onTap: (mention) => print('${mention.value} clicked')),
                    UrlParser(onTap: (url) => print('visting ${url.value}?')),
                    BoldParser(),
                    HashTagParser(
                        onTap: (hashtag) =>
                            print('is ${hashtag.value} trending?'))
                  ]
                )
RichTextEditor

RichTextEditor is an input field that supports suggestions when mentioning or using hashtags


        RichTextEditor(
                      decoration: InputDecoration(
                        border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(16)),
                      ),
                      suggestionController: SuggestionController(
                      mentionSymbol: '/',
                      position: SuggestionPosition.bottom,
                      mentionSuggestions: [
                        Mention(
                            imageURL: 'imageURL',
                            subtitle: 'nelly',
                            title: 'Nelly Gane'),
                        Mention(
                            imageURL: 'imageURL',
                            subtitle: 'gaus',
                            title: 'Gaus Shell')
                      ],
                      onSearchMention: (term) async {
                        return List.generate(
                            20,
                            (index) => Mention(
                                id: index.toString(),
                                imageURL: 'imageURL',
                                subtitle: term.toLowerCase(),
                                title: '$term $index'));
                      },
                      onMentionSelected: (suggestion) {
                        print(suggestion.id);
                      },
                      onSearchTags: (term) async {
                        return [
                          HashTag(
                              hashtag: '#Dart',
                              subtitle: '30 posts',
                              trending: true),
                          HashTag(
                            hashtag: '#Flutter',
                            subtitle: '56 posts',
                          )
                        ];
                      },
                    ))
Todo
  • Add styles to mentions/hashtags in RichTextEditor

Categorias

Emoji e texto rico

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.