/ Text

Display a Dart string in Flutter using simple rich text characters

Display a Dart string in Flutter using simple rich text characters


Easily format Flutter text with simple format characters:

r'/this is all three/ (bold, underlined, and /italicized/). {push:home}Click to navigate to home screen'


Format Characters

character format effect
asterisk (*) bold
slash (/) italicize
underscore (_) underline


Attribute pairs are placed in curly brackets immediately after first character marker.
Each pair is separated by a semicolon (;).
Each pair has syntax name:value.

key meaning
color red, green, blue, black, white, grey, etc
pop pop the navigation stack
push push the value onto the navigation stack
repl replace the top route on the navigation stack


  • support text hyperlinks to other screens by preceding formatted text with route inside curly brackets: e.g., "... {calendar}go to calendar screen".

Sample Inputs:

'this is /italic/'

'this is *bold*'

'*_/this is all three*_/ (*bold*, _underlined_, and /italicized/)'

'you can quote characters to NOT format a word \*bold\*'

'this is _underline_'

'go to _{/myroute}home_ page'

'this is ~important~(red).'

'this is _*bold and underlined*_.'


Ancestor MUST have textDirection set (required by internal RichText widget), either through MaterialApp widget or explicitly wrapped by a Directionality widget:

    child: SimpleRichText(text: 'Peter', term: 't'),
    textDirection: TextDirection.ltr)

Pull Requests

Pull requests are welcome!


Add a new dependency line to your project/pubspec.yaml file:

  simple_rich_text: ^1.0.28      # use latest version

Don't forget to flutter pub get.


See the example directory.