Flutter Markdown



Made by

Dialogs packages in Flutter. Flutter Gems is a curated package guide for Flutter which functionally categorizes flutter packages available on pub.dev. Markdown is awesome, you can show rich text without using that ugly http code. On Flutter you have a great package to use to show markdown: fluttermarkdown. It is extremely easy to use in its basic 'mode' but we'll also show some advanced features. Flutter Markdown. A markdown renderer for Flutter. It supports the original format, but no inline html. Getting Started. Using the Markdown widget is simple, just pass in the source markdown as a string: new Markdown(data: markdownSource); If you do not want the padding or scrolling behavior, use the MarkdownBody instead. Flutter Gems is a curated package guide for Flutter which functionally categorizes some of the most useful and popular flutter packages available on pub.dev. I am trying fluttermarkdown package to markdown some content. But it is not working properly for multiple line breaks. String exampleData=' Line 1. ### Heading Line3'; Markdown(data: exampleData,) The output is. I tried with line breaks ' but it didn't worked.

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Flutter Markdown

Coming from another platform? Docs: iOS, Android, Web, React Native, Xamarin.

Fast Development

Paint your app to life in milliseconds with Stateful Hot Reload. Use a rich set of fully-customizable widgets to build native interfaces in minutes.

Expressive and Flexible UI

Quickly ship features with a focus on native end-user experiences. Layered architecture allows for full customization, which results in incredibly fast rendering and expressive and flexible designs.

Native Performance

Flutter’s widgets incorporate all critical platform differences such as scrolling, navigation, icons and fonts, and your Flutter code is compiled to native ARM machine code using Dart's native compilers.

Try Flutter in your browser

Flutter Markdown Editor

Want more practice? Try a codelab.

Fast development

Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times without losing state on emulators, simulators, and hardware.

Learn more
Reflectly

An award winning mindfulness app built with Flutter.

Download: iOS, Android
Learn more

Expressive, beautiful UIs

Delight your users with Flutter's built-in beautiful Material Design and Cupertino (iOS-flavor) widgets, rich motion APIs, smooth natural scrolling, and platform awareness.

Browse the widget catalog

Native Performance

Flutter’s widgets incorporate all critical platform differences such as scrolling, navigation, icons and fonts to provide full native performance on both iOS and Android.

Demo design inspired by Aurélien Salomon's Google Newsstand Navigation Pattern

Learn from developers

Watch these videos to learn from Google and developers as you build with Flutter.

Visit our YouTube playlist

Who's using Flutter?

Organizations around the world are building apps with Flutter.

See what’s being created

Install Flutter today.

It’s free and open source.

Language:简体中文|English

A simple and easy-to-use markdown package created by flutter.

  • Support TOC
  • Support img and Video Tags of HTML
  • Support highlight code

🚀Getting Started #

Before the introduction, you can have a try for Online Demo

🔑Useage #

if you want to use column or other list widget, you can use MarkdownGenerator

🌠Dark theme #

markdown_widget supports dark mode by default,you can use it by setting the markdownTheme of StyleConfig

you can also custom your own markdownTheme

🏞Image and Video #

if you want to custom a widget, such as img and video:

supported markdown samples:

if you want to custom other tag widgets, you need use WidgetConfig

🔗Links #

you can custom link style

🍑Custom Tag #

you can use custom tag like this

then add custom like this

Flutter Markdown Links

📜TOC #

it's very easy to use TOC

Flutter Markdown Editor

🎈Highlight code #

you can config lots of theme for code

if you have any good idea or sugesstion, welcome for PR and issue

Here are the other packages used in markdown_widget

Flutter Markdown To Html

packageexplain
markdownparse markdown data
flutter_highlightmake code highlight
htmlparse html data
video_player_webplay video in flutter web
video_playervideo interface
scrollable_positioned_listfor TOC function