패키지, 저장소 및 앱 카테고리 검색

ducafecatFlutter 생태계 탐색
패키지 상세v1.2.1

link_previewer

새로운 Flutter 패키지입니다. 단순한 인라인 링크나 기본 하이퍼링크보다 링크를 더 예쁘게 보이게 만들기 위해 제작되었습니다.

pub.dev API 문서 소스 코드
30일 다운로드
59
좋아요
14
Pub 점수
40

패키지 설치

flutter pub add link_previewer

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

링크 프리뷰어는 앱 내 링크의 시각적 표현을 향상시키기 위해 설계된 플러터 패키지입니다. 일반 URL을 링크된 콘텐츠에서 가져온 썸네일, 제목, 설명 및 메타데이터를 포함하는 풍부하고 상호작용 가능한 미리보기로 변환합니다. 소셜 미디어 애플리케이션, 메시징 플랫폼 또는 사용자가 웹 링크를 공유하는 모든 앱에 적합하며, 링크를 더 정보가 풍부하고 시각적으로 매력적으로 만들어 사용자 참여도를 높입니다. 이 패키지는 동적 렌더링을 지원하며 기존 텍스트 위젯과 원활하게 통합됩니다.

사용 사례

  • 소셜 미디어 앱
  • 메시징 인터페이스
  • 콘텐츠 공유 기능
  • 블로그 또는 뉴스 피드 표시
  • 사용자 생성 콘텐츠 플랫폼

주요 기능

  • 링크 메타데이터를 자동으로 가져옵니다
  • 미리보기 및 설명 표시
  • 동적 미리보기 렌더링을 지원
  • 텍스트 위젯과의 간편한 통합
  • 깨끗하고 사용자 정의 가능한 UI

적합한 대상

  • 소셜 앱을 개발하는 개발자
  • 사용자가 공유한 링크를 포함하는 앱
  • 풍부한 링크 시각화가 필요한 프로젝트
  • UX 향상에 집중하는 팀

고려 사항

  • 메타데이터 가져오기에 인터넷 연결이 필요합니다
  • 많은 미리보기로 인해 성능에 영향을 줄 수 있습니다
  • HTTP/HTTPS URL로 제한
  • 오프라인 미리보기 지원 없음
  • 외부 사이트의 메타 태그에 의존

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

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

카테고리

소셜 미디어

의존성

의존성 목록 4 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.