Pakete, Repositories und App-Kategorien suchen

Cover von tweet_ui
Paketdetailsv4.0.5

tweet_ui

Zeigen Sie Tweets aus einem Twitter-API-JSON auf Android und iOS an. Unterstützung für Tweets mit 1–4 Fotos, Video, GIFs, Hashtags, Erwähnungen, Symbolen, URLs, zitierten Tweets und Retweets.

AndroidiOS
30-Tage-Downloads
156
Likes
67
Pub-Punkte
120

Paket installieren

flutter pub add tweet_ui

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

tweet_ui ist ein Flutter-Paket, das Twitter-Tweets aus JSON-Daten rendert und reiche Medien wie 1–4 Fotos, Videos, GIFs, Hashtags, Erwähnungen, Symbole, URLs, zitierte Tweets und Retweets unterstützt. Es bietet eine saubere, native-artige Anzeige von Tweets auf Android- und iOS-Plattformen und ist ideal für Social-Media-Apps oder Feeds, die Twitter-Inhalte integrieren. Das Paket verarbeitet komplexe Tweet-Strukturen mit minimalem Setup und sorgt für konsistente Darstellung über Geräte hinweg.

Anwendungsfälle

  • Twitter-Feeds in Apps anzeigen
  • Integration von Twitter-Inhalten in soziale Plattformen
  • Echtzeit-Rendering reicher Tweet-Medien
  • Nachrichten- oder Aktualisierungs-Dashboards erstellen
  • Anzeigen von benutzererzeugtem Tweet-Inhalt
  • Soziale-Medien-Widgets erstellen

Hauptmerkmale

  • Unterstützt mehrere Fotos in Tweets
  • Verarbeitet Videos und GIFs
  • Verarbeitet Hashtags und Erwähnungen
  • Zeigt zitierte Tweets und Retweets an
  • Reagierender Layout für alle Tweet-Typen
  • Eingebaute Unterstützung für Android und iOS

Geeignet für

  • Entwickler sozialer Medien-Apps
  • Content-Aggregationsplattformen
  • Newsfeed-Integrationen
  • Apps mit benutzererzeugten Tweet-Anzeigen
  • Entwickler, die native Twitter-UI-Komponenten benötigen

Hinweise

  • Gültiges Twitter-API-JSON erforderlich
  • Beschränkt auf twitter-spezifische Inhalte
  • Abhängig von externer API für Daten
  • Möglicherweise benutzerdefinierte Stilisierung für die Markenbildung erforderlich
  • Nicht geeignet für nicht-Twitter-Tweet-Quellen
  • Erforderliche ordnungsgemäße Behandlung von API-Antworten mit Rate-Limiting

Original-README

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

tweet_ui

Flutter Tweet UI - Flutter package that is inspired by twitter-kit-android. Works on iOS and Android.

Getting Started

To use this package add it to the pubspec.yaml file:

tweet_ui: <latest_version>

import it:

import 'package:tweet_ui/tweet_ui.dart';

If you want to show tweets with videos: check the better_player installation site

Video/GIF Tweets don't work on iOS simulators (video_player ios instructions)

finally, create a TweetView from a JSON:

API V1.1
TweetView.fromTweetV1(
    TweetV1Response.fromRawJson(
        jsonFromTwitterAPI
        // {"created_at": "Mon Nov 12 13:00:38 +0000 2018", "id": 1061967001177018368, ...
    )
);
API V2
TweetView.fromTweetV2(
    TweetV2Response.fromRawJson(
        jsonFromTwitterAPI
        // {"data": ["created_at": "2020-09-18T18:36:15.000Z", "id": "1061967001177018368", ...
        // or
        // {"data": {"created_at": "2020-09-18T18:36:15.000Z", "id": "1061967001177018368", ...
    )
);

or a CompactTweetView,

API V1.1
CompactTweetView.fromTweetV1(
    TweetV1Response.fromRawJson(
        jsonFromTwitterAPI
        // {"created_at": "Mon Nov 12 13:00:38 +0000 2018", "id": 1061967001177018368, ...
    )
);
API V2
CompactTweetView.fromTweetV2(
    TweetV2Response.fromRawJson(
        jsonFromTwitterAPI
        // {"data": ["created_at": "2020-09-18T18:36:15.000Z", "id": "1061967001177018368", ...
        // or
        // {"data": {"created_at": "2020-09-18T18:36:15.000Z", "id": "1061967001177018368", ...
    )
);

or a EmbeddedTweetView.

API V1.1
EmbeddedTweetView.fromTweetV1(
    TweetV1Response.fromRawJson(
        jsonFromTwitterAPI
        // {"created_at": "Mon Nov 12 13:00:38 +0000 2018", "id": 1061967001177018368, ...
    )
  darkMode: true,
)
API V2
EmbeddedTweetView.fromTweetV2(
    TweetV2Response.fromRawJson(
      jsonFromTwitterAPI
      // {"data": ["created_at": "2020-09-18T18:36:15.000Z", "id": "1061967001177018368", ...
      // or
      // {"data": {"created_at": "2020-09-18T18:36:15.000Z", "id": "1061967001177018368", ...
    )
    darkMode: true,
)

There is also a special QuoteTweetView that is embedded in a TweetView or a CompactTweetView or a EmbeddedTweetView. This depends if a Tweet has a quoted_status value in the JSON.

What tweet view should I create?

TweetView and CompactTweetView are more customisable, but EmbeddedTweetView looks more modern. Check the screenshots below.

Twitter API V2 know problems

In current version of twitter API (V2 as of 14.02.2022) it is not possible to get video url in tweet response. See the following links for more info:

All other video fields (like size or duration) are available in the response. This means that videos will not work for now.

Need more information? Check our wiki pages!

Colors & styling

Custom callbacks

Custom date format

Video player options

Example of supported view and media types:

Standard tweet views
Media type TweetView CompactTweetView EmbeddedTweetView
1 photo img img img
2 photos img img img
3 photos img img img
4 photos img img img
video img img img
GIF img img img
Quoted tweet views
Media type TweetView CompactTweetView EmbeddedTweetView
1 photo img img img
2 photos img img img
3 photos img img img
4 photos img img img
video img img img
GIF img img img

Sample tweets use real-life tweet ids but for example purposes, their content was changed.


Thanks for contributing: dasmikko, jamesblasco, tristan-vrt, daver123, ercadev, ivanjpg, escamoteur, ndahlquist, wszeborowskimateusz, robertmrobo

Kategorien

Abhängigkeiten

Abhängigkeiten 9 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.