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.
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 moreReflectly
An award winning mindfulness app built with Flutter.
Download: iOS, AndroidLearn 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 catalogNative 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 playlistWho's using Flutter?
Organizations around the world are building apps with Flutter.
See what’s being createdInstall 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
package | explain |
---|---|
markdown | parse markdown data |
flutter_highlight | make code highlight |
html | parse html data |
video_player_web | play video in flutter web |
video_player | video interface |
scrollable_positioned_list | for TOC function |