link_previewer
A new Flutter package. Build container with image, title, description from web-site (link) will be provided.
Getting Started
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 |
