Markdown allows you to easily include formatted text, images, and even formatted Dart code in your app.

Titles

Setext-style

This is an H1
=============
This is an H2
-------------

Atx-style

# This is an H1
## This is an H2
###### This is an H6

Select the valid headers:

• # hello
• #hello

Links

[Google’s Homepage][Google]

[inline-style](https://www.google.com)
[reference-style][Google]

Images

Tables

Syntax	Result
*italic 1*	italic 1
_italic 2_	italic 2
**bold 1**	bold 1
__bold 2__	bold 2
This is a ~~strikethrough~~	This is a strikethrough
***italic bold 1***	italic bold 1
___italic bold 2___	italic bold 2
***~~italic bold strikethrough 1~~***	italic bold strikethrough 1
~~***italic bold strikethrough 2***~~	italic bold strikethrough 2

Styling

Style text as italic, bold, strikethrough, or inline code.

• Use bulleted lists
• To better clarify
• Your points

Code blocks

Formatted Dart code looks really pretty too:

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Markdown(data: markdownData),
    ),
  ));
}

Center Title

※ ※ ※

* How to implement it see main.dart#L129 in example.

Custom Syntax

NaOH + Al_2O_3 = NaAlO_2 + H_2O C_4H_10 = C_2H_6 + C_2H_4

Markdown widget

This is an example of how to create your own Markdown widget: Markdown(data: ‘Hello world!’); Enjoy! [Google]: https://www.google.com/

Line Breaks

This is an example of how to create line breaks (tab or two whitespaces): line 1 line 2 line 3 """;

const String _notes = """

Original Markdown Demo

---

Overview

This is the original Flutter Markdown demo example that was created to show how to use the flutter_markdown package. There were limitations in the implementation of this demo example that didn’t show the full potential or extensibility of using the flutter_markdown package. This demo example is being preserved for reference purposes.

Comments

This demo example is being preserved for reference purposes.