Skip to content

alfredjingle/url_preview_card

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

In Action

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.

About

Url preview card package for flutter

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • C++ 45.4%
  • Dart 36.7%
  • Ruby 8.7%
  • C 3.9%
  • Batchfile 3.8%
  • Swift 1.1%
  • Other 0.4%