flutter怎么显示html内容并且能勾选择复制

要在Flutter中显示HTML内容并实现勾选复制，可以使用flutter_html插件。该插件可以将HTML解析为Flutter Widget，并支持选择和复制。

首先，在pubspec.yaml文件中添加flutter_html插件的依赖：

dependencies:
  flutter_html: ^2.1.2

然后，在Flutter代码中使用flutter_html插件来显示HTML内容，如下所示：

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

class HtmlScreen extends StatelessWidget {
  final String htmlContent =
      "<h1>这是标题</h1><p>这是一些HTML内容，可以包含<strong>加粗</strong>、<em>斜体</em>等样式。</p>";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("HTML内容"),
      ),
      body: SingleChildScrollView(
        child: Html(
          data: htmlContent,
          onLinkTap: (url) {
            // 点击链接的回调
          },
        ),
      ),
    );
  }
}

在上面的代码中，我们定义了一个HTML内容字符串，并将其传递给Html组件的data属性。Html组件会将HTML内容解析为Flutter Widget，并显示在屏幕上。此外，我们还可以通过onLinkTap回调来处理链接的点击事件。

要实现勾选和复制功能，我们需要在Html组件外部包裹一个SelectableText组件，如下所示：

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

class HtmlScreen extends StatelessWidget {
  final String htmlContent =
      "<h1>这是标题</h1><p>这是一些HTML内容，可以包含<strong>加粗</strong>、<em>斜体</em>等样式。</p>";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("HTML内容"),
      ),
      body: SingleChildScrollView(
        child: SelectableText.rich(
          TextSpan(
            children: [
              WidgetSpan(
                child: Html(
                  data: htmlContent,
                  onLinkTap: (url) {
                    // 点击链接的回调
                  },
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在上面的代码中，我们将Html组件包裹在一个WidgetSpan中，并将WidgetSpan作为SelectableText的子组件。这样，用户就可以通过长按文本来勾选并复制HTML内容了。