React Native Skia 在 Android 设备上的窗口表面创建问题分析与解决方案

问题背景

React Native Skia 是一个基于 Skia 图形库的 React Native 渲染引擎，它提供了高性能的 2D 图形绘制能力。在版本 1.5.5 更新后，部分 Android 设备（特别是 Pixel 6 和 Pixel 7）出现了严重的崩溃问题，错误信息显示"Failed to create window surface"。

问题现象

当应用尝试创建窗口表面时，系统抛出 EGL 错误（错误代码 12291，表示"Bad Alloc"），导致应用崩溃。从日志中可以观察到以下关键信息：

1. 在 SurfaceTexture 可用时触发崩溃
2. 错误发生在 Display.h 文件的第 89 行
3. 崩溃堆栈显示问题源于 SkiaDomView 的 surfaceSizeChanged 方法

受影响的设备

根据用户反馈，该问题主要出现在以下设备上：

• Pixel 6 (Android 14)
• Pixel 7 (Android 15)
• 三星 A51 (Android 14)

值得注意的是，问题在模拟器上（如 Pixel 4 API 32）无法复现，这表明这是一个与特定硬件或驱动相关的兼容性问题。

技术分析

从错误代码和现象来看，问题可能涉及以下几个方面：

1. EGL 资源分配失败：错误代码 12291 表示 EGL 无法分配所需资源，可能是由于内存不足或驱动限制。

2. 纹理尺寸问题：崩溃发生在 surfaceSizeChanged 方法中，暗示可能与纹理尺寸或格式有关。

3. 硬件加速兼容性：不同设备的 GPU 驱动实现可能存在差异，导致在某些设备上工作正常而在其他设备上失败。

解决方案

React Native Skia 团队在版本 1.5.7 中修复了这个问题。修复方案主要涉及：

1. 改进 EGL 上下文管理：优化了窗口表面的创建流程，增加了错误处理和回退机制。

2. 资源分配策略调整：修改了内存分配策略，避免在某些设备上触发驱动限制。

3. 兼容性增强：针对特定设备进行了适配，确保在不同硬件上都能正常工作。

验证结果

多位用户反馈在升级到 1.5.7 版本后问题得到解决：

• Pixel 6 (Android 14) 正常运行
• Pixel 7 (Android 15) 问题消失
• 三星 A51 (Android 14) 工作正常

最佳实践建议

对于使用 React Native Skia 的开发者，建议：

1. 及时更新：保持库版本为最新，以获取稳定性修复和性能改进。

2. 多设备测试：在实际设备上进行充分测试，特别是目标用户群体常用的设备型号。

3. 错误处理：在关键图形操作周围添加适当的错误处理逻辑，提高应用健壮性。

4. 性能监控：监控应用的内存和图形性能，特别是在低端设备上的表现。

总结

React Native Skia 1.5.7 版本成功解决了在部分 Android 设备上的窗口表面创建问题，这体现了开源社区快速响应和解决问题的能力。对于开发者而言，理解这类图形相关问题的本质有助于更好地调试和优化自己的应用。