如何在SelectionArea选中的文本复制到剪贴板前修改其内容？

要在用户点击“复制”时修改剪贴板内容，核心思路是拦截默认复制操作，自定义复制逻辑，具体可通过SelectionArea的toolbarBuilder参数实现：

实现步骤 #

1. 自定义选中文本后的操作工具栏，替换默认复制按钮的行为
2. 获取原始选中的文本内容
3. 根据需求修改文本（比如添加前缀后缀、格式化排版、替换特定字符等）
4. 将修改后的文本写入剪贴板并关闭工具栏

代码示例 #

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

class CustomCopyDemo extends StatelessWidget {
  const CustomCopyDemo({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: SelectionArea(
          // 自定义选中文本工具栏
          toolbarBuilder: (context, editableTextState) {
            final selection = editableTextState.currentTextSelection;
            // 无选中内容时隐藏工具栏
            if (selection.isCollapsed) {
              return const SizedBox.shrink();
            }

            // 获取原始选中的文本内容
            final originalText = editableTextState.textEditingValue.text.substring(
              selection.start,
              selection.end,
            );

            return AdaptiveTextSelectionToolbar(
              anchors: editableTextState.contextMenuAnchors,
              children: [
                // 自定义复制按钮逻辑
                TextButton(
                  onPressed: () {
                    // 此处编写文本修改逻辑，按需调整
                    final modifiedText = "【自定义标识】\n$originalText\n【复制完成】";
                    
                    // 将修改后的文本写入剪贴板
                    Clipboard.setData(ClipboardData(text: modifiedText));
                    
                    // 关闭操作工具栏
                    editableTextState.hideToolbar();
                  },
                  child: const Text('复制'),
                ),
                // 保留全选按钮（可选）
                TextButton(
                  onPressed: () {
                    editableTextState.selectAll();
                  },
                  child: const Text('全选'),
                ),
              ],
            );
          },
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: const [
              Text('第一行：测试文本内容'),
              SizedBox(height: 8),
              Text('第二行：选中后复制会被修改'),
              SizedBox(height: 8),
              Text('第三行：可自定义添加额外内容'),
            ],
          ),
        ),
      ),
    );
  }
}

关键细节 #

• toolbarBuilder支持完全自定义选中文本后的操作栏，直接替换默认复制逻辑，避免先复制再修改的滞后体验
• 原始选中的文本会自动包含Column中各Text组件的换行分隔，可在修改时按需调整格式
• 若需更精细的文本处理（比如识别不同Text组件的独立内容），可结合SelectionContainer和SelectableRegion实现

内容的提问来源于stack exchange，提问作者user4401