Flutter中如何实现应用返回的表情符号可复制？

这里提供几种可行方案，帮你实现表情符号的复制功能：

方案1：替换为SelectableText组件（最简单） #

Flutter的Text组件不支持文本选择，直接换成SelectableText就能让用户长按选择并复制表情和文本：

SelectableText(
  getEmoji(data) + data,
  style: TextStyle(fontSize: 25, color: Colors.green),
)

用户长按文本区域后，就能调出系统默认的复制菜单，自由选择内容复制。

方案2：自定义长按一键复制逻辑 #

如果需要更定制化的复制行为（比如一键复制所有表情），可以用GestureDetector包裹原Text组件，结合Clipboard类实现：

GestureDetector(
  onLongPress: () async {
    // 复制所有表情到剪贴板
    await Clipboard.setData(ClipboardData(text: getEmoji(data)));
    // 显示复制成功提示
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text("表情已复制")),
    );
  },
  child: Text(
    getEmoji(data) + data,
    style: TextStyle(fontSize: 25, color: Colors.green),
  ),
)

用户长按后会直接复制所有表情，无需手动选择。

方案3：支持单个表情单独复制 #

如果需要用户能单独复制每个表情，可以把表情拆分成单独的可点击组件，用Wrap布局排列：

Wrap(
  children: [
    // 逐个处理每个表情
    ...getEmoji(data).split(" ").map((emoji) {
      if (emoji.isEmpty) return SizedBox.shrink();
      return GestureDetector(
        onTap: () async {
          await Clipboard.setData(ClipboardData(text: emoji));
          ScaffoldMessenger.of(context).showSnackBar(
            SnackBar(content: Text("$emoji 已复制")),
          );
        },
        child: Text(
          emoji,
          style: TextStyle(fontSize: 25),
        ),
      );
    }).toList(),
    // 原文本内容
    Text(
      data,
      style: TextStyle(fontSize: 25, color: Colors.green),
    ),
  ],
)

用户点击单个表情即可复制该表情，灵活性更高。

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