React Native Skia 内存泄漏问题分析与修复

React Native Skia 是一个基于 Skia 图形库的 React Native 渲染引擎，它提供了高性能的 2D 图形绘制能力。在最新版本中，开发者发现了一个严重的内存泄漏问题，该问题会导致应用在反复创建和销毁绘图表面时最终崩溃。

问题现象

当应用程序频繁创建绘图表面(Surface)、绘制图像并销毁这些资源时，会出现内存持续增长的现象。经过多次迭代后，应用会因内存耗尽而崩溃，并抛出"Aborted()"错误。这个问题在不同的硬件环境下表现一致，但崩溃的临界点取决于可用内存大小：

• 在配备 M3 Pro 芯片的设备上，大约在 256 次迭代后崩溃
• 512MB 内存的 AWS Lambda 环境在 57 次迭代后崩溃
• 2048MB 内存的 Lambda 环境在 250 次迭代后崩溃
• 10240MB 内存的 Lambda 环境在 256 次迭代后崩溃

问题复现

开发者提供了一个简洁的测试用例来复现这个问题。测试代码创建了一个循环，在每次迭代中：

1. 创建一个离屏绘图表面
2. 绘制三个圆形图案
3. 销毁图像和表面资源

尽管代码中显式调用了 dispose() 方法来释放资源，但内存仍然持续增长，最终导致应用崩溃。

技术分析

这个问题本质上是一个资源管理问题。Skia 的绘图表面和图像对象包含了底层的 GPU 资源和内存缓冲区。理想情况下，当调用 dispose() 方法时，这些资源应该被完全释放。然而，实际情况表明，某些资源没有被正确回收，导致了内存泄漏。

在 Web 环境下，这个问题可能更加复杂，因为涉及到 CanvasKit (Skia 的 WebAssembly 实现)的内存管理机制。CanvasKit 需要同时管理 WASM 堆内存和 JavaScript 内存，任何一方的资源泄漏都会导致问题。

修复方案

React Native Skia 团队在 1.0.5 版本中首次尝试修复这个问题，但后续测试表明修复并不完全。最终在 1.1.0 版本中彻底解决了这个内存泄漏问题。修复主要涉及以下几个方面：

1. 完善了 Surface 和 Image 对象的生命周期管理
2. 确保所有底层资源在 dispose() 时被正确释放
3. 优化了 CanvasKit 资源回收机制

开发者建议

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

1. 及时升级到 1.1.0 或更高版本
2. 在使用绘图表面时，仍然要保持良好的资源管理习惯，及时调用 dispose()
3. 在频繁创建/销毁表面的场景下，考虑重用表面对象而不是反复创建
4. 在高内存消耗场景下，监控内存使用情况

这个问题的高效解决展示了 React Native Skia 团队对性能问题的重视程度，也为开发者社区提供了一个关于图形资源管理的典型案例。