simple_url_preview

패키지 개요

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

높이, 배경, 텍스트 스타일 및 줄 구분선을 사용자 정의할 수 있는 URL 미리보기를 표시하는 플러터 패키지입니다. 개발자가 앱에 풍부한 미디어 미리보기를 쉽게 통합할 수 있도록 하여 링크 공유 시 사용자 경험을 향상시킵니다. URL에서 동적 콘텐츠 렌더링을 지원하며 스타일링을 위한 깔끔하고 유연한 인터페이스를 제공합니다. 소셜 미디어 앱이나 메시징 플랫폼과 같이 링크 공유가 흔한 환경에 적합합니다.

사용 사례

채팅 앱에서 링크 미리보기 표시
소셜 미디어 게시물 피드 개선
공유 링크를 통한 사용자 참여도 향상
메시징 인터페이스에 풍부한 미디어 미리보기 통합

주요 기능

사용자 지정 가능한 미리 보기 높이
사용자 정의 가능한 배경 및 텍스트 스타일
조절 가능한 줄 구분자
동적 URL 콘텐츠 렌더링
최소 설정으로 간단한 통합

적합한 대상

소셜 미디어 애플리케이션
메시징 및 채팅 플랫폼
콘텐츠 공유 기능
풍부한 링크 미리보기 필요 앱

고려 사항

미리보기 데이터를 가져오려면 인터넷 연결이 필요합니다
기본 스타일링 옵션으로 제한됨
복잡한 URL에 대해 추가 처리가 필요할 수 있습니다
외부 메타데이터의 가용성에 따라 다름

원본 README

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

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

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