rich_text_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

rich_text_view ist ein Flutter-Paket, das eine flexible und intuitive Möglichkeit bietet, reichhaltigen Text mit interaktiven Elementen wie Erwähnungen, Hashtags, E-Mails, URLs und der Funktion „Mehr anzeigen“ anzuzeigen. Es verbessert die Textdarstellung, indem es klickbare und stilisierte Komponenten innerhalb eines einzelnen Textblocks ermöglicht. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher ideal für plattformübergreifende Anwendungen, die dynamischen Textinhalt erfordern. Mit minimalem Setup über den pub-Befehl können Entwickler reichhaltige Textfunktionen einfach in ihre Apps integrieren.

Anwendungsfälle

Social Media-Post-Rendern
Chatnachrichtenanzeige
Blog- oder Artikelvorschau
Benutzer generierter Inhalt mit Links
Interaktive Kommentarsektionen

Hauptmerkmale

Unterstützt Erwähnungen und Hashtags
Verarbeitet URLs und E-Mails
Enthält Toggle für 'Mehr anzeigen'
Anpassbare Stilisierung
Plattformübergreifende Kompatibilität
Einfache Integration mit Flutter

Geeignet für

Apps mit benutzererzeugtem Inhalt
Messaging- oder Sozialnetzwerk-Apps
inhaltsreiche Benutzeroberflächen
Dynamische Textanzeige
Entwickler, die leichtgewichtige Rich-Text-Lösungen suchen

Hinweise

Beschränkt auf vordefinierte Linktypen
Kein integrierter Bildsupport
Benötigt manuelle Behandlung von Tippevents
Nicht geeignet für komplexe Rich-Text-Editierung
Die Leistung kann bei sehr langen Texten variieren

Original-README

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

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

Pakete, Repositories und App-Kategorien suchen

rich_text_view

Paket installieren

Paketübersicht

Anwendungsfälle

Hauptmerkmale

Geeignet für

Hinweise

Original-README

rich_text_view

Example

RichTextView

RichTextEditor

Todo

Kategorien

Quell-Repository

rich_text_view

Projekte, die dieses Paket verwenden