tweet_ui

AndroidおよびiOSでTwitter API JSONからのツイートを表示します。1〜4枚の写真、動画、GIF、ハッシュタグ、メンション、記号、URL、引用ツイート、リツイートに対応しています。

AndroidiOS

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

tweet_ui は、JSON データから Twitter のツイートをレンダリングするための Flutter パッケージです。1〜4枚の写真、動画、GIF、ハッシュタグ、メンション、シンボル、URL、引用ツイート、リツイートを含む豊富なメディアをサポートしています。Android および iOS プラットフォームでクリーンでネイティブ風のツイート表示を提供し、Twitter コンテンツを統合するソーシャルメディアアプリやフィードに最適です。最小限の設定で複雑なツイート構造を処理し、デバイス間での一貫したレンダリングを保証します。

用途

アプリでTwitterフィードを表示する
Twitterコンテンツをソーシャルプラットフォームに統合する
リアルタイムで豊富なツイートメディアをレンダリング
ニュースや更新ダッシュボードの構築
ユーザーが作成したツイートの内容を表示
ソーシャルメディアウィジェットの作成

主な機能

複数の写真を含むツイートに対応
動画とGIFを処理します
ハッシュタグとメンションを処理する
引用されたツイートとリツイートを表示
すべてのツイートタイプに対応したレスポンシブレイアウト
Android および iOS への組み込みサポート

適している対象

ソーシャルメディアアプリ開発者
コンテンツアグリゲーションプラットフォーム
ニュースフィード統合
ユーザー生成のツイート表示を搭載したアプリ
ネイティブなTwitter UIコンポーネントが必要な開発者

注意事項

有効なTwitter API JSONが必要です
ツイッター固有のコンテンツに限定
データは外部APIに依存しています
ブランディング用にカスタムスタイルが必要になる場合があります
非ツイッターのツイートソースには適していません
レート制限されたAPI応答の適切な処理が必要です

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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.