A new Flutter package. Build container with image, title, description from web-site (link) will be provided.

Original Package

Warning - This package might be removed if the changes gets approved on the original package.

Getting Started

alt text


Use this package as a library

  1. Depend on it

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

  link_previewer_aad: ^1.0.0
  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_aad/link_previewer_aad.dart';


Widget build() {
  return Column(
    children: <Widget>[
        link: "",
        direction: ContentDirection.horizontal,
        link: "",
        direction: ContentDirection.vertical,

Properties (Constructor props)

linkString value (Ex: "http://...")Link to website will be shown as LinkPreviewer
titleFontSizedouble (default: 15, but it's auto resizable depends on layout(parent) width or hight)Title font size
bodyFontSizedouble (default: 14, but it's auto resizable depends on layout(parent) width or hight)Body font size
backgroundColorColor (default: Colors.white)Background color in case there will be not much text and will be whitespace
borderColorColor (default: Colors.deepOrangeAccent)Border color of the previewer
borderRadiusdouble (default: 3.0)Border radius
directionContentDirection from the package (default: ContentDirection.horizontal) Options: 1. ContentDirection.horizontal 2. ContentDirection.verticalContent direction (image -> title -> body)

From version 1.1.0

placeholderWidgetCustom placeholder while data is loading
defaultPlaceholderColorColor (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)
showTitlebool (default: true)Title can be hiden using this prop, if it set to false
showBodybool (default: true)Body can be hiden using this prop, if it set to false

From version 1.2.0

bodyTextOverflowTextOverflow (default: TextOverflow.ellipsis or TextOverflow.fade)Text overflow prop
bodyMaxLinesint (default: depends on hight)Max Lines that will be shown in the body