flutter_autolink_text 1.0.0+1

Flutter Android iOS web

Flutter Autolink Text Widget.

flutter_autolink_text #

pub package

About #

Text widget, that turns URLs, email and phone numbers into clickable inline links in text for flutter

Install #

Install by adding this package to your pubspec.yaml:

dependencies:
  flutter_autolink_text: ^1.0.0+1

Usage #

Basic: #

import 'package:flutter_autolink_text/flutter_autolink_text.dart';

AutolinkText(
	text: 'Your text with link www.example.com',
	textStyle: TextStyle(color: Colors.black),
	linkStyle: TextStyle(color: Colors.blue),
	onWebLinkTap: (link) => print('Clicked: ${link}')
);

To add autolink to emails and phone numbers:

import 'package:flutter_autolink_text/flutter_autolink_text.dart';

AutolinkText(
	text: ...,
	textStyle: TextStyle(color: Colors.black),
	linkStyle: TextStyle(color: Colors.blue),
	onWebLinkTap: (link) => print('Clicked: ${link}'),
	onEmailTap: (link) => print('Clicked: ${link}'),
	onPhoneTap: (link) => print('Clicked: ${link}')
);

If you're using url_launcher to open your links in browser, you can add mailto: for emails and tel: for phone numbers to open them in other apps

Humanizing: #

Remove http:// or https:// from the start of the URL using humanize:

import 'package:flutter_autolink_text/flutter_autolink_text.dart';

AutolinkText(
	text: 'Link is https://example.com',
	humanize: true,
	...
);