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

Related tags

Templates tagtly
Overview

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.

You might also like...

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

Dec 31, 2022

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

Nov 9, 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

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.

Oct 9, 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

Dec 15, 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

Nov 6, 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.

Dec 19, 2022

A flutter plugin to play Youtube Videos without API Key in range of Quality(144p, 240p,360p,480p,720p and 1080p).

Youtube Player Plugin This plugin is discontinued. Please use youtube_player_flutter which is an officially provided way of playing youtube videos, su

Nov 13, 2022
Comments
  • color changes

    color changes

    Can you make color of matches settable? In https://github.com/mohamedhaloka/tagtly/blob/master/lib/src/text_color.dart its as const.

    Thanks for your beatifull package

    opened by JanRegent 1
  • Custom regex rules and style array

    Custom regex rules and style array

    I will use this module writing mustache syntax highlighting. But it seems lack some flexible, I cannot change it easily by parameters. Only way is fork it and change it. :(

    For example, the TextPartStyleDefinitions parameters in StyleableTextFieldController which is static defined at manager.dart. And TagtlyTextField has no parameters for StyleableTextFieldController.

    I may open a pull request for it.

    Thanks for your awesome module.

    opened by j796160836 0
Owner
Mohamed Nasr
:D
Mohamed Nasr
GitHub
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

Carlos Eugenio Torres 72 Jan 1, 2023
🔥🚀 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

Tornike 451 Jan 2, 2023
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:

Tiny Express 49 Dec 7, 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:

Tiny Express 49 Dec 7, 2022
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

Enkh-Amar 7 Nov 2, 2022
Foodspace is an app made using Flutter and Firebase, where people can register and start exploring wide categories of restaurants present in their cities and also check the reviews and feedback for a specific restaurant. There is also a 'likes section' where all the restaurants liked by the user are displayed.

Foodspace About Foodspace is an app made using Flutter, where people can register and start exploring wide categories of restaurants present in their

Ahmed Gulab Khan 87 Dec 7, 2022
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

Hash Studios 30 Nov 9, 2022
This is an example project for the article about implementing clean architecture in flutter with riverpod and supabase as backend service.

The Example This is an example how to implement clean architecture with domain driven design and riverpod in flutter projects. Getting Started Rename

Volodymyr Hodiak 45 Dec 30, 2022
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.

Ivy-Walobwa 0 Apr 21, 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.

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

Godwin Asuquo 94 Dec 7, 2022