flutter_link_previewer

Customizable link and URL preview extracted from the provided text with the ability to render from the cache. Ideal for chat applications.


Keywords
dart, flutter, flutter-package, flutter-widget, link-preview, url-preview
License
MIT

Documentation

Flutter Link Previewer

Pub build CodeFactor

Customizable link and URL preview extracted from the provided text with the ability to render from the cache. Ideal for chat applications.


πŸ‡ΊπŸ‡¦πŸ‡ΊπŸ‡¦ We are Ukrainians. If you enjoy our work, please consider donating to help save our country. πŸ‡ΊπŸ‡¦πŸ‡ΊπŸ‡¦


Getting Started

import 'package:flutter_link_previewer/flutter_link_previewer.dart';

LinkPreview(
  enableAnimation: true,
  onPreviewDataFetched: (data) {
    setState(() {
      // Save preview data to the state              
    });
  },
  previewData: _previewData, // Pass the preview data from the state
  text: 'https://flyer.chat',
  width: MediaQuery.of(context).size.width,
)

Customization

final style = TextStyle(
  color: Colors.red,
  fontSize: 16,
  fontWeight: FontWeight.w500,
  height: 1.375,
);


LinkPreview(
  linkStyle: style,
  metadataTextStyle: style.copyWith(
    fontSize: 14,
    fontWeight: FontWeight.w400,
  ),
  metadataTitleStyle: style.copyWith(
    fontWeight: FontWeight.w800,
  ),
  padding: EdgeInsets.symmetric(
    horizontal: 24,
    vertical: 16,
  ),
  onPreviewDataFetched: _onPreviewDataFetched,
  previewData: _previewData,
  text: 'https://flyer.chat',
  textStyle: style,
  width: width,
);

License

MIT