Flutter package for Android and iOS allow you to show a wide range of hyperlinks either in the input field or in an article view

Last update: Jul 25, 2022

Tagtly for hyberlink

Flutter package for Android and iOS allow you to show a wide range of hyperlinks either in the input field or in an article view, for example.

Package help you detects

  • Email.
  • url.
  • Social media accounts Tag [Facebook , Twitter , Instagram].
  • the words start with # [Hashtag].
  • Date and Time

And we'll add more later..

Usage

  • As Text Field

you can use TagtlyTextField for decorate all hyperlink

TagtlyTextField(  
  decoration: const InputDecoration(  
      hintText: 'Type anything',  
      contentPadding: EdgeInsets.symmetric(horizontal: 8)),  
	  onChanged: (String value) {    },  
)

You can add your own style to the TagtlyTextField as you do in the TextFormField it is just like.

  • As ReadOnlyText

If you want to display the text as read-only without modifying it, then TagtlyTextView will help you.

log(textObj.type.toString()), )">
TagtlyTextView(  
  "Text here #welcome [email protected]",  
  onClick: (TextObj textObj) => log(textObj.type.toString()),  
)

The argument onClick(TextObj) is called when user tapped a hybertext. It will return TextObj contain textContent and textType. You can add some actions in this callback with the tapped text.

TagtlyTextView() and TagtlyTextField()

This package build with Regex.

Regex Detect in TagtlyTextView() Detect in TagtlyTextField()
Url
Email
Hashtag
Tag [Twitter , Facebook , Instagram]
Date
Time

How i can you it in TagtlyTextField()

Regex View
Url https://www.tagtly.com
Email [email protected]
Hashtag #tagtly
Tag [Twitter] tw: @mo_nasr or twitter: @mo_nasr
Tag [Facebook] fb: @mo_nasr or facebook: @mo_nasr
Tag [Instagram] insta: @mo_nasr or instagram: @mo_nasr
Date 21/07/2022, 21-07-2022, 21.07.2022 and more formats
Time 12:50

How does the text appear in TagtlyTextView()

Regex View
Url https://www.tagtly.com - like input
Email [email protected] - like input
Hashtag #tagtly - like input
Tag [Twitter] https://www.twitter.com/mo_nasr
Tag [Facebook] https://www.facebook.com/mo_nasr
Tag [Instagram] https://www.instagram.com/mo_nasr
Date 21/07/2022, 21-07-2022, 21.07.2022 and more formats - like input
Time 12:50 - like input

If you have any requests or questions, please feel free to ask on github.

GitHub

https://github.com/mohamedhaloka/tagtly
You might also like...

This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality. In addition to that, it's a two pages application with user bid in input and count down view.

This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality.  In addition to that, it's a two pages application with user bid in input and count down view.

Nilam This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality. In addition to that, it's a two

Jul 3, 2022

Flutter Multi-platform allows developers to unleash their app to run on the wide variety of different platforms with little or no change.

Flutter Multi-platform allows developers to unleash their app to run on the wide variety of different platforms with little or no change.

Flutter Multi-platform sample Flutter Multi-platform allows developers to unleash their app to run on the wide variety of different platforms with lit

Apr 26, 2022

Now UI Flutter is a fully coded app template built for Flutter which will allow you to create powerful and beautiful e-commerce mobile applications

Now UI Flutter is a fully coded app template built for Flutter which will allow you to create powerful and beautiful e-commerce mobile applications

Now UI Flutter is a fully coded app template built for Flutter which will allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components to make it look like our Now UI Design, minimalistic and easy to use.

Jul 7, 2022

An rx stream builder widget that is able to pre-populate a flutter StreamBuilder with data from an rx stream if the stream is either a value or a replay observable.

An rx stream builder widget that is able to pre-populate a flutter StreamBuilder with data from an rx stream if the stream is either a value or a replay observable. For example the RX stream is a BehaviorSubject or a ReplaySubject.

Jan 22, 2022

Return a result ErrorOr with either a value T or an error Object.

ErrorOr Return a result ErrorOr with either a value T or an error Object. Features Always return a value ErrorOr from an async function. Let the calle

Jul 22, 2022

Kids Restaurant is an app that helps people to decide what to cook either for breakfast

Kids Restaurant is an app that helps people to decide what to cook either for breakfast

Kids Restaurant is an app that helps people to decide what to cook either for breakfast, lunch, or dinner, the app gives the user variety of recipes in each section and allows the user to display the recipes written or as a video.

Jun 11, 2022

A Flutter package that help you create a verification input.

A Flutter package that help you create a verification input.

flutter_verification_code A Flutter package that help you create a verification input. Based on https://github.com/tiny-express/flutter_verification_c

Apr 23, 2022

A Flutter package for iOS and Android for picking last seven dates and time with analog view.

analog_time_picker package for Flutter A Flutter package for iOS and Android for picking last seven dates and time with analog view. Demo Installation

Aug 31, 2021

A Flutter package that extends IndexedStack to allow for lazy loading.

lazy_load_indexed_stack A package that extends IndexedStack to allow for lazy loading. Motivation If you use the IndexedStack with bottom navigation,

Aug 1, 2022

Related

A Flutter package that provides a dropdown form field using a dropdown button inside a form field.
A Flutter package that provides a dropdown form field using a dropdown button inside a form field.

Dropdown form field A dropdown form field using a dropdown button inside a form field. Demo Features Can be used as regular form field. Simple to impl

Jul 20, 2022
🔥🚀 Flutter package to create Pin code input text field with every pixel customization possibility 🎨 with beautiful animations
🔥🚀 Flutter package to create Pin code input text field with every pixel customization possibility 🎨 with beautiful animations

Flutter PinPut From Tornike ?? ?? Flutter package to create Pin code input (OTP) text field with every pixel customization possibility ?? and beautifu

Aug 6, 2022
Verify code input. You can create a verify code input.

flutter_verification_code_input A Flutter package that help you create a verification input. Installing flutter_verification_code_input: git:

Jun 8, 2022
Verify code input. You can create a verify code input.

flutter_verification_code_input A Flutter package that help you create a verification input. Installing flutter_verification_code_input: git:

Jun 8, 2022
News App developed with Flutter featuring beautiful UI, category-based news, story for faster news reading, inbuilt article viewer, share feature, and more.
News App developed with Flutter featuring beautiful UI, category-based news, story for faster news reading, inbuilt article viewer, share feature, and more.

Ariel News App developed with Flutter featuring beautiful UI, category-based news, story for faster news reading, inbuilt article viewer, share featur

Jul 1, 2022
Publish Flutter apps to AppCenter with Codemagic demo app for Codemagic article
Publish Flutter apps to AppCenter with Codemagic demo app for Codemagic article

Counter App Demo app. Publishing to App Center Additional script to be added to your Workflow editor between build and publish as a post-build script.

Apr 21, 2022
Flutter Plugin - Simple character blocked input that usually used for redeem/validation input.
Flutter Plugin - Simple character blocked input that usually used for redeem/validation input.

Block Input Simple character blocked input that usually used for redeem code or validation code input. Gallery Example Full example import 'package:bl

Jan 3, 2022
This library allows you to create editable tables and spreadsheets with ease, either by providing initial row and column count to display an empty table or use it with predefined rows and column data sets.
This library allows you to create editable tables and spreadsheets with ease, either by providing initial row and column count to display an empty table or use it with predefined rows and column data sets.

Editable ⚡️ A highly customizable, editable table package for Flutter projects. Specs This package allows you to create editable tables and spreadshee

Aug 11, 2022
:end: A dart package to append either `&` or `and` at the end of a List.

And Game A dart package to append either & or and at the end of a List. Features Appends & or and at the end of the list. Available as method or exten

Sep 24, 2021