Rocket.Chat移动客户端图片描述含删除线导致冻结问题解析

问题现象

在Rocket.Chat移动客户端（ReactNative版本）4.47.1中，当用户通过网页端上传图片时，若在图片描述文本中包含Markdown格式的删除线语法（即~文本~），会导致移动客户端界面冻结。具体表现为：

1. 消息列表可滚动但无法渲染含删除线的图片消息
2. 客户端UI失去响应（非完全卡死）
3. 删除描述中的删除线语法后恢复正常

技术背景

该问题涉及ReactNative的文本渲染机制与Markdown解析的交互：

1. Rocket.Chat使用自定义的Markdown解析器处理消息文本
2. 删除线语法属于Markdown的扩展语法（非CommonMark标准）
3. 移动端对富文本元素的渲染采用ReactNative的嵌套Text组件方案

根因分析

通过版本迭代验证（4.47.2修复），推测问题源于：

1. 文本解析器缺陷：移动端Markdown解析器对删除线语法的处理存在边界条件未处理
2. 渲染循环：当解析到特定格式的删除线时，可能触发无限渲染循环
3. 平台差异：网页端使用DOM渲染，而ReactNative使用原生文本组件，处理逻辑存在差异

解决方案

开发团队在4.47.2版本中通过以下方式修复：

1. 重构Markdown解析器的删除线处理逻辑
2. 增加对嵌套文本样式的安全校验
3. 优化ReactNative文本组件的样式继承机制

开发者启示

1. 跨平台富文本渲染需要特别注意语法解析的一致性
2. 移动端性能优化应考虑极端文本场景下的渲染稳定性
3. Markdown扩展语法的实现需进行多端兼容性测试

用户应对建议

1. 及时升级到4.47.2及以上版本
2. 临时解决方案：避免在图片描述中使用删除线语法
3. 清除客户端缓存可加速异常状态恢复

该案例典型展示了移动端富文本渲染的复杂性，也体现了开源社区快速响应问题的优势。