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

Depend on it

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

dependencies:
  link_previewer: ^1.2.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.

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