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 video_player installation site.

finally, create a TweetView from a JSON:

TweetView.fromTweet(
    Tweet.fromRawJson(
        jsonFromTwitterAPI
        // {"created_at": "Mon Nov 12 13:00:38 +0000 2018", "id": 1061967001177018368, ...
    )
);

or a CompactTweetView,

CompactTweetView.fromTweet(
    Tweet.fromRawJson(
        jsonFromTwitterAPI
        // {"created_at": "Mon Nov 12 13:00:38 +0000 2018", "id": 1061967001177018368, ...
    )
);

or a EmbeddedTweetView.

EmbeddedTweetView.fromTweet(
    Tweet.fromRawJson(
        jsonFromTwitterAPI
        // {"created_at": "Mon Nov 12 13:00:38 +0000 2018", "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.

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 typeTweetViewCompactTweetViewEmbeddedTweetView
1 photoimgimgimg
2 photosimgimgimg
3 photosimgimgimg
4 photosimgimgimg
videoimgimgimg
GIFimgimgimg

Quoted tweet views

Media typeTweetViewCompactTweetViewEmbeddedTweetView
1 photoimgimgimg
2 photosimgimgimg
3 photosimgimgimg
4 photosimgimgimg
videoimgimgimg
GIFimgimgimg

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

Libraries

compact_tweet_view
default_text_styles
embedded_tweet_view
entity
hashtag_entity
media_entity
mention_entity
on_tap_image
symbol_entity
tweet
tweet_entities
tweet_ui
Package to show Tweets from a Twitter API JSON [...]
tweet_view
tweet_vm
url_entity
user