掌握Flutter中的Markdown和多行选择：一步一步的教程

[

goodspeed

](https://medium.com/@amazing_gs?source=post_page---byline--0660dc34ec27---------------------------------------)

Recently, I have been developing Moli AI and it requires support for markdown rendering and multi-line copying. This article primarily covers the following topics:

最近，我一直在开发 Moli AI，它需要支持 markdown 渲染和多行复制。本文主要涵盖以下主题：

How to use markdown in Flutter.
如何在 Flutter 中使用 markdown。

How to customize markdown styles.
如何自定义markdown样式。

How to enable multi-line selection in markdown.
如何在 markdown 中启用多行选择。

flutter_markdown

flutter_markdown is a markdown renderer provided by the official Flutter community. It supports creating rich text output from simple Markdown tagged formatted plain text data, including text styles, tables, links, and more.
flutter_markdown 是官方 Flutter 社区提供的一个 markdown 渲染器。它支持从简单的 Markdown 标签格式的纯文本数据创建丰富的文本输出，包括文本样式、表格、链接等。

Overview:

概述：

The flutter_markdown package allows you to render Markdown text into rich text in Flutter.
这个 flutter_markdown 包允许你在 Flutter 中将 Markdown 文本渲染为富文本。
It is built on the Dart markdown package and parses Markdown into an abstract syntax tree (AST).
它是基于 Dart markdown 包构建的，并将 Markdown 解析为抽象语法树 (AST)。
Markdown allows injecting HTML into the source text, but the flutter_markdown package does not support inline HTML.
Markdown 允许将 HTML 注入源文本，但 flutter_markdown 包不支持内联 HTML。
By default, the flutter_markdown package uses the GitHub Flavored Markdown specification.
默认情况下，flutter_markdown 包使用 GitHub Flavored Markdown 规范。

How to use:

使用方法：

Add the flutter_markdown: ^0.6.18+3 dependency in your pubspec.yaml file.
在您的 pubspec.yaml 文件中添加 flutter_markdown: ^0.6.18+3 依赖。

dependencies:
flutter:
sdk: flutter
flutter_markdown: ^0.6.18+3

Then add the following code:

然后添加以下代码：

import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';

import 'package:flutter/mat...