jack-beattie / url_preview_card

Url preview card package for flutter

Show preview of urls, designed to show list of url previews with caching support.

pulls forks from https://github.com/OneSheep/url_preview_card/pull/2/files

pulls forks from https://github.com/OneSheep/url_preview_card/pull/1/files

Forked from flutter-simple-url-preview with different caching strategy for fast retrivel, and additional styling options.

Getting Started

Show single or list of URL previews

Currently only supports Open Graph Protocol

Please use latest version of the package.

How to use ?

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

dependencies:
  ...
  url_preview_card: ^0.1.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 title text style, description text style and site name text style

Default titleStyle = TextStyle(
      fontWeight: FontWeight.bold,
      fontSize: 16,
      color: Colors.black
    );

Default descriptionStyle = TextStyle(
      fontSize: 14,
      color: Colors.black
    );

Default siteNameStyle = TextStyle(
      fontSize: 14,
      color: Colors.black
    );

SimpleUrlPreview(
  url: 'https://pub.dev/',
  titleStyle: TextStyle(
  color: Colors.white,
  fontWeight: FontWeight.bold,
  fontSize: 16,
  fontFamily: 'Sansita Swashed'
  ),
  descriptionStyle: TextStyle(
    color: Colors.white
  ),
  siteNameStyle: TextStyle(
    color: Colors.white
  ),
),

4) 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,
),

6) 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 ❤️ to see any contributions.