flutter pub add link_previewer根據套件公開資料產生的選型評估，僅供參考。
Link Previewer 是一個 Flutter 套件，專為增強應用程式內連結的視覺呈現而設計。它將純文字 URL 轉換為富含互動性的預覽，包含縮圖、標題、描述及從連結內容取得的資料。適用於社群媒體應用程式、即時通訊平台，或任何使用者分享網頁連結的應用，能透過更豐富資訊與美觀外觀提升使用者參與度。此套件支援動態渲染，並可輕鬆整合至現有的文字元件中。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A new Flutter package. Build container with image, title, description from web-site (link) will be provided.
Use this package as a library
Add this to your package's pubspec.yaml file:
dependencies:
link_previewer: ^1.2.1
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.
Now in your Dart code, you can use:
import 'package:link_previewer/link_previewer.dart';
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,
),
],
);
}
| 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) |
| 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 |
| 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 |
依賴清單 4 項
^2.0.8^0.14.0+2^0.12.0+2^5.1.1暫無相關資料。