simple_url_preview

Visão geral do pacote

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

Um pacote Flutter que exibe pré-visualizações de URLs com altura personalizável, fundo, estilos de texto e separadores de linha. Permite aos desenvolvedores integrar facilmente visualizações ricas de mídia em seus aplicativos, melhorando a experiência do usuário ao compartilhar links. O pacote suporta renderização dinâmica de conteúdo a partir de URLs e oferece uma interface limpa e flexível para estilização. Ideal para aplicativos de redes sociais ou plataformas de mensagens onde o compartilhamento de links é comum.

Casos de uso

Exibindo pré-visualizações de links em aplicativos de bate-papo
Melhorando feeds de postagens nas redes sociais
Melhorando o engajamento do usuário com links compartilhados
Integrando visualizações ricas de mídia em interfaces de mensagens

Principais recursos

Altura de visualização personalizável
Estilos de fundo e texto configuráveis
Separadores de linha ajustáveis
Renderização dinâmica de conteúdo de URL
Integração simples com configuração mínima

Indicado para

aplicativos de mídia social
Plataformas de mensagens e bate-papo
Recursos de compartilhamento de conteúdo
Aplicativos que exigem pré-visualizações ricas de links

Considerações

Requer acesso à internet para buscar dados de visualização
Limitado a opções básicas de estilização
Pode ser necessário tratamento adicional para URLs complexas
Depende da disponibilidade de metadados externos

README original

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

Flutter package to show url preview

Getting Started

This shows url preview of a URL. (Now migrated to null-safety).

Currently only supports Open Graph Protocol

Please use latest version of the package.

How to use ?

Add simple_url_preview to pubspec.yaml, and hit command 'flutter pub get'

dependencies:
  ...
  simple_url_preview: ^3.0.1

1) Simple use:

SimpleUrlPreview(
  url: 'https://pub.dev/',
),

2) Override preview height, padding.(Default and minimum possible height is 130):

SimpleUrlPreview(
  url: 'https://pub.dev/',
  previewHeight: 200,
  previewContainerPadding: EdgeInsets.all(10),
),

3) Override background color:

Default bgColor = Theme.of(context).primaryColor

SimpleUrlPreview(
  url: 'https://pub.dev/',
  bgColor: Colors.red,
),

4) Override title, description, and site style:

Default titleStyle = TextStyle( fontWeight: FontWeight.bold, fontSize: 16, color: Theme.of(context).accentColor )

Default descriptionStyle = TextStyle( fontSize: 14, color: Theme.of(context).accentColor )

Default siteNameStyle = TextStyle( fontSize: 14, color: Theme.of(context).accentColor )

SimpleUrlPreview(
  url: 'https://pub.dev/',
  titleStyle: TextStyle(
    fontSize: 16,
    fontWeight: FontWeight.bold,
    color: Colors.red,
  ),
  descriptionStyle: TextStyle(
    fontSize: 14,
    color: Theme.of(context).primaryColor,
  ),
  siteNameStyle: TextStyle(
    fontSize: 14,
    color: Theme.of(context).primaryColor,
  ),
),

5) If you want closable preview (Click on x to close the preview.):

SimpleUrlPreview(
  url: 'https://pub.dev/',
  isClosable: true,
),

6) Override image loader color and title and description lines:

Default and maximum title lines = 2 and description lines = 3.

SimpleUrlPreview(
  url: 'https://pub.dev/',
  titleLines: 1,
  descriptionLines: 2,
  imageLoaderColor: Colors.white,
),

7) Override onTap callback of the URL preview:

By Default, will open URL in default browser.

SimpleUrlPreview(
  url: 'https://pub.dev/',
  onTap: () => print('Hello Flutter URL Preview'),
),

Contribution:

Would :heart: to see any contributions.

Appreciate:

If you liked my work, show some :heart: by :star: repo.

Also you can appreciate by

Buscar pacotes, repositórios e categorias de apps