Buscar pacotes, repositórios e categorias de apps

Capa de tweet_ui
Detalhes do pacotev4.0.5

tweet_ui

Exiba tweets de um JSON da API do Twitter no Android e no iOS. Suporte para tweets com 1 a 4 fotos, vídeo, GIFs, hashtags, menções, símbolos, URLs, tweets citados e retweets.

AndroidiOS
Downloads em 30 dias
156
Curtidas
67
Pontos Pub
120

Instalar pacote

flutter pub add tweet_ui

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

tweet_ui é um pacote Flutter que renderiza tweets do Twitter a partir de dados JSON, com suporte a mídia rica incluindo 1 a 4 fotos, vídeos, GIFs, hashtags, menções, símbolos, URLs, tweets citados e retweets. Ele oferece uma exibição limpa e nativa para tweets em plataformas Android e iOS, sendo ideal para aplicativos de redes sociais ou feeds que integram conteúdo do Twitter. O pacote trata estruturas complexas de tweets com mínimo setup, garantindo renderização consistente entre dispositivos.

Casos de uso

  • Exibindo feeds do Twitter em aplicativos
  • Integrando conteúdo do Twitter em plataformas sociais
  • Renderização de mídias ricas de tweets em tempo real
  • Construindo painéis de notícias ou atualizações
  • Mostrando conteúdo de tweet gerado pelo usuário
  • Criando widgets de mídia social

Principais recursos

  • Suporta tweets com múltiplas fotos
  • Gerencia vídeos e GIFs
  • Processa hashtags e menções
  • Exibe tweets e retweets citados
  • Layout responsivo para todos os tipos de tweet
  • Suporte integrado para Android e iOS

Indicado para

  • desenvolvedores de aplicativos de mídia social
  • plataformas de agregação de conteúdo
  • Integrações de feed de notícias
  • Aplicativos com exibição de tweets gerados por usuários
  • Desenvolvedores que precisam de componentes de interface do usuário nativos do Twitter

Considerações

  • Requer JSON da API do Twitter válido
  • Limitado a conteúdo específico do Twitter
  • Depende de API externa para dados
  • Pode ser necessário estilização personalizada para marcação
  • Não adequado para fontes de tweets não do Twitter
  • Necessita de tratamento adequado para respostas de API com limite de taxa

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Categorias

Dependências

Lista de dependências 9 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.