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!
Example of supported view and media types:
Standard tweet views
Media type | TweetView | CompactTweetView | EmbeddedTweetView |
---|---|---|---|
1 photo | |||
2 photos | |||
3 photos | |||
4 photos | |||
video | |||
GIF |
Quoted tweet views
Media type | TweetView | CompactTweetView | EmbeddedTweetView |
---|---|---|---|
1 photo | |||
2 photos | |||
3 photos | |||
4 photos | |||
video | |||
GIF |
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
Libraries
- compact_tweet_view
- default_text_styles
- embedded_tweet_view
- models/api/entieties/entity
- models/api/entieties/hashtag_entity
- models/api/entieties/media_entity
- models/api/entieties/mention_entity
- models/api/entieties/symbol_entity
- models/api/entieties/tweet_entities
- models/api/entieties/url_entity
- models/api/tweet
- models/api/user
- models/viewmodels/tweet_vm
- on_tap_image
- tweet_ui
- Package to show Tweets from a Twitter API JSON
- tweet_view