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 |