Flutter widget to add links to your text

  Text Field, Widgets

linkable 

A Flutter widget to add links to your text. By default, the Text or RichText widgets render the URLs in them as simple text which are not clickable. So, Linkable widget is a wrapper over RichText which allows you to render links that can be clicked to redirect to the URL. That means that a Linkable widget supports all the attributes of a RichText Widget.

Currently linkable supports the following types:

  • Web URL (https://www.github.com/anupkumarpanwar)
  • Emails (mailto:1anuppanwar@gmail.com)
  • Phone numbers (tel:+918968894728)

Note: You don’t need to specify the URL scheme (mailto, tel etc). The widget will parse it automatically.

Install

To install the package, add the following dependency to your pubspec.yaml

dependencies:
  linkable: ^1.0.4
  url_launcher: ^5.4.10

Usage

Basic

import 'package:linkable/linkable.dart';

Linkable(
	text:
	"Hi!\nI'm Anup.\n\nYou can email me at 1anuppanwar@gmail.com.\nOr just whatsapp me @ +91-8968894728.\n\nFor more info visit: \ngithub.com/anupkumarpanwar \nor\nhttps://www.linkedin.com/in/anupkumarpanwar/",
);

Attributes

KeyDescription
textThe text to be displayed in the widget.
textColorColor of the non-link text. (default: black)
linkColorColor of the links. (default: blue)
styleTextStyle to be applied on the widget.
textAlignTextAlign value. (default: TextAlign.start)
textDirectionDetermines the order to lay children out horizontally.
maxLinesMaximum number of lines to be displayed.
overflowHandles text that crosses maxLines. (default: TextOverflow.clip)
textScaleFactorThe number of font pixels for each logical pixel.
localeSets text locale.

Screenshot

Screenshot

Download Flutter widget to add links to your text source code on GitHub

https://github.com/AnupKumarPanwar/Linkable