Description:
markup text
markup_text #
Flutter widget to use Markup to easily create formatted Text.
Please star the repo to support the project
Resources: #
Pub Package
GitHub Repository
Usage #
MarkupText is a wrapper for RichText that simplifies the creation of text with mixed styles.
MarkupText("This is a (b)Markup(/b) example with (c deepPurple)a purple text(/c)")
copied to clipboard
style #
The style parameter works as with the Text widget. Styles defined will merge with default Style for Text.
MarkupText(
"This is a (b)bold(/b) text (a http://flutter.dev)with a link(/a),"
" an (u)underlined(/u) word (a http://pub.dev)with"
" a second link containing a word in (i)italics(/i)(/a) and (c #ff0000)colored(/c) words"
" (c deepPurpleAccent)here(/c) and (c green)there(/c).",
style: TextStyle(fontSize: 18),
),
MarkupText(
"(c purple)(icon flight_takeoff) Departures(/c)\n"
"(c teal)(icon flight_land) Arrivals(/c)",
style: TextStyle(fontSize: 18),
),
copied to clipboard
Markup language #
The following tags are recognized by the widget
Bold
Use tag (b)..(/b) for bold text
MarkupText("This is a (b)bold(/b) text")
copied to clipboard
Italic
Use tag (i)..(/i) for italic text
MarkupText("This is an (i)italic(/i) text")
copied to clipboard
Underlined
Use tag (u)..(/u) for underlined text
MarkupText("This is an (u)underlined(/u) text")
copied to clipboard
Links
Use tag (a <url>)..(/a) to create links
MarkupText("(a http://example.com)This is a link(/a)")
copied to clipboard
Colors
Use tag (c <color>)..(/c) to create colored text
MarkupText("(c #ff0000)Colors from RGB codes(/c)")
copied to clipboard
MarkupText("(c amber)You can also use named colors(/c)")
copied to clipboard
You can use all the colors included in the Material Colors class from Flutter.
You can check the full list below.
Icons
Use tag (icon <icon name>) to insert an icon. The icon will be colored when affected by a color tag.
MarkupText("(c red)(icon error) An error has occurred(/c)")
copied to clipboard
You can use all the icons included in the Material Icons class from Flutter.
Colors list #
<color> can be either a RGB color code started with # or a named color. Valid names are the ones defined on the Flutter Colors class:
Color Name
Color
amber
amberAccent
black
black12
black26
black38
black45
black54
black87
blue
blueAccent
blueGrey
brown
cyan
cyanAccent
deepOrange
deepOrangeAccent
deepPurple
deepPurpleAccent
green
greenAccent
grey
indigo
indigoAccent
lightBlue
lightBlueAccent
lightGreen
lightGreenAccent
lime
limeAccent
orange
orangeAccent
pink
pinkAccent
purple
purpleAccent
red
redAccent
teal
tealAccent
transparent
white
white10
white12
white24
white30
white38
white54
white60
white70
yellow
yellowAccent
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
