link_previewer_aad 1.0.0
SDKflutter
Platformandroidioswindowslinuxmacosweb
A new Flutter package. It is build for making link looks prettier than just inline link or default hyperlink.
link_previewer_aad
A new Flutter package. Build container with image, title, description from web-site (link) will be provided.
Warning - This package might be removed if the changes gets approved on the original package.
Getting Started
Installing
Use this package as a library
- Depend on it
Add this to your package's pubspec.yaml file:
dependencies:
link_previewer_aad: ^1.0.0
- 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_aad/link_previewer_aad.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 |