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暂无相关数据。