Flutter项目iOS端亲吻、情侣类复合emoji显示异常如何解决？

问题成因 #

该问题属于iOS 14.5的系统级渲染缺陷，与你实现的Unicode转义函数无关：

• 你列出的6款复合emoji属于ZWJ序列emoji，由多个独立emoji通过零宽连接符（U+200D）拼接生成
• iOS 14.5对双性别组合类ZWJ emoji的映射支持存在bug，即便是系统软键盘直接输入的对应emoji，也会被错误拆分为多个独立字符显示，该问题是苹果系统原生字体的渲染问题，和Flutter框架无直接关联
• 你使用的Flutter 2.2.2版本默认调用iOS系统原生渲染能力，因此会触发该系统缺陷

修复方案 #

临时兼容方案（无需升级系统/框架版本） #

对异常emoji做定向兼容：

• 预先建立异常emoji映射表，将你列出的6个问题Unicode码点与对应emoji的预渲染图片资源绑定
• 检测到运行环境为iOS 14.5时，直接用对应图片替代文本emoji显示，避免出现拆分乱码
• 也可引入支持该批次ZWJ emoji的自定义字体，在Text组件中指定该字体绕过系统原生字体的缺陷，示例代码：

Text(
  unicodeToString('1F469-200D-2764-FE0F-200D-1F48B-200D-1F469'),
  style: TextStyle(
    fontFamily: '你引入的自定义emoji字体名',
  ),
)

彻底修复方案 #

将Flutter版本升级到3.0及以上，同时引导用户升级iOS系统到15.0及以上：苹果已经在iOS 15版本中修复了该ZWJ emoji渲染bug，高版本Flutter也对多系统emoji兼容做了针对性优化，升级后即可正常显示所有复合emoji。

内容的提问来源于stack exchange，提问作者Honza Kuchař