React Native Bootsplash 在 Android 发布版本中动画不显示问题解析

问题现象

在使用 React Native Bootsplash 库时，开发者遇到了一个特定于 Android 平台的问题：启动动画中的 logo 在调试模式下显示正常，但在发布版本中却不可见。这个问题在使用 Expo SDK 52 和 React Native Bootsplash 6.3.2 版本时出现。

技术背景

React Native Bootsplash 是一个用于管理应用启动画面的流行库，它提供了平滑的启动动画过渡效果。其中 useHideAnimation 钩子是用来控制启动画面隐藏动画的核心 API。

问题分析

从技术实现角度看，这个问题有几个关键特征：

1. 平台特异性：仅在 Android 平台出现，iOS 表现正常
2. 构建模式相关性：调试模式正常，发布模式异常
3. 视觉表现：动画效果仍在执行，但 logo 图像不可见

这类问题通常与以下方面有关：

• 资源打包机制在发布模式下的差异
• ProGuard 或代码混淆的影响
• 图像加载方式在发布构建中的变化

解决方案探索

开发者最初尝试了多种方法：

1. 检查了基本的 BootSplash 配置
2. 确认了动画逻辑的正确性
3. 验证了资源文件的路径和格式

最终发现问题的根源与构建方式有关：

• 使用 bun run android variant="release" 命令构建时出现问题
• 使用 EAS (Expo Application Services) 进行正式发布构建时问题消失

技术建议

对于遇到类似问题的开发者，建议采取以下步骤：

1. 验证构建方式：优先使用官方推荐的构建工具链
2. 检查资源处理：确保启动画面资源被正确打包到 APK 中
3. 测试不同构建变体：比较调试和发布构建的资源处理差异
4. 检查构建日志：查看是否有资源处理相关的警告或错误

经验总结

这个案例展示了 React Native 开发中一个常见现象：调试和发布构建行为不一致。这提醒开发者：

• 发布构建的测试应该尽早进行
• 不同构建工具可能产生不同结果
• 平台特异性问题需要针对性排查

通过这个问题的解决过程，我们再次认识到构建工具链选择的重要性，以及全面测试各个构建变体的必要性。