Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.2.1

link_previewer

Um novo pacote Flutter. É feito para tornar os links mais bonitos do que apenas links em linha ou hiperlinks padrão.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
59
Curtidas
14
Pontos Pub
40

Instalar pacote

flutter pub add link_previewer

Visão geral do pacote

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

Link Previewer é um pacote do Flutter projetado para aprimorar a apresentação visual de links dentro dos aplicativos. Ele transforma URLs simples em pré-visualizações ricas e interativas com miniaturas, títulos, descrições e metadados obtidos do conteúdo vinculado. Ideal para aplicativos de mídia social, plataformas de mensagens ou qualquer app onde os usuários compartilham links da web, ele melhora o engajamento do usuário tornando os links mais informativos e visualmente atraentes. O pacote suporta renderização dinâmica e se integra perfeitamente aos widgets de texto existentes.

Casos de uso

  • Aplicativos de mídia social
  • Interfaces de mensagens
  • Recursos de compartilhamento de conteúdo
  • Feed de blog ou notícias exibe
  • Plataformas de conteúdo gerado por usuários

Principais recursos

  • Busca automaticamente os metadados do link
  • Exibe miniaturas e descrições
  • Suporte à renderização dinâmica de visualização
  • Integração fácil com widgets de texto
  • Interface do usuário limpa e personalizável

Indicado para

  • Desenvolvedores construindo aplicativos sociais
  • Aplicativos com links compartilhados por usuários
  • Projetos que precisam de visualização rica de links
  • Equipes focadas em melhorias de UX

Considerações

  • Requer acesso à internet para buscar metadados
  • Pode afetar o desempenho com muitos pré-visualizações
  • Limitado a URLs HTTP/HTTPS
  • Sem suporte a visualização off-line
  • Depende das tags meta do site externo

README original

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

link_previewer

A new Flutter package. Build container with image, title, description from web-site (link) will be provided.

Getting Started

alt text

Installing

Use this package as a library

  1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  link_previewer: ^1.2.1
  1. Install it

You can install packages from the command line: with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

  1. Import it

Now in your Dart code, you can use:

import 'package:link_previewer/link_previewer.dart';

Usage

Widget build() {
  return Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      LinkPreviewer(
        link: "https://www.linkedin.com/feed/",
        direction: ContentDirection.horizontal,
      ),
      LinkPreviewer(
        link: "https://www.linkedin.com/feed/",
        direction: ContentDirection.vertical,
      ),
    ],
  );
}

Properties (Constructor props)

PropName Value Definition
link String value (Ex: "http://...") Link to website will be shown as LinkPreviewer
titleFontSize double (default: 15, but it's auto resizable depends on layout(parent) width or hight) Title font size
bodyFontSize double (default: 14, but it's auto resizable depends on layout(parent) width or hight) Body font size
backgroundColor Color (default: Colors.white) Background color in case there will be not much text and will be whitespace
borderColor Color (default: Colors.deepOrangeAccent) Border color of the previewer
borderRadius double (default: 3.0) Border radius
direction ContentDirection from the package (default: ContentDirection.horizontal) Options: 1. ContentDirection.horizontal 2. ContentDirection.vertical Content direction (image -> title -> body)
From version 1.1.0
PropName Value Definition
placeholder Widget Custom placeholder while data is loading
defaultPlaceholderColor Color (default: light-grey) If placeholder is not set, will be used the default one and its color can be set using this prop (empty container with background)
showTitle bool (default: true) Title can be hiden using this prop, if it set to false
showBody bool (default: true) Body can be hiden using this prop, if it set to false
From version 1.2.0
PropName Value Definition
bodyTextOverflow TextOverflow (default: TextOverflow.ellipsis or TextOverflow.fade) Text overflow prop
bodyMaxLines int (default: depends on hight) Max Lines that will be shown in the body

Categorias

Mídias Sociais

Dependências

Lista de dependências 4 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.