![8d0393ba223bcfbdce3b995468faa755.png](https://i-blog.csdnimg.cn/blog_migrate/9ad706c30e7434cbf09354f89d33d4ba.jpeg)
《Fluuter 开发从 0 到 1》博客详情是 Markdown,今天就来说说 Flutter Markdown 如何实现的。
先剧透下,今天的主角是 flutter_markdown,可以实现从使用简单的 Markdown 标记格式化的纯文本数据创建富文本输出,包括文本样式,表格,链接等。
准备
- 添加依赖
将 flutter_markdown 添加到 pubspec.yaml 文件中:
dependencies:
flutter_markdown: ^0.4.4
- 安装
项目根目录执行如下命令安装 flutter_markdown:
flutter pub get
使用
使用 Markdown 很简单,只需将源 markdown 作为字符串传递,参数如下:
Markdown({
Key key,
//填充内容
@required String data,
bool selectable = false,
//定制 Markdown 样式
MarkdownStyleSheet styleSheet,
MarkdownStyleSheetBaseTheme styleSheetTheme,
//设置代码高亮
SyntaxHighlighter syntaxHighlighter,
//获取点击链接,可以使用 webview 展示
MarkdownTapLinkCallback onTapLink,
String imageDirectory,
md.ExtensionSet extensionSet,