React Native Video 组件在 Android 平台上的 ResizeMode 重复播放问题解析

问题现象

在使用 React Native Video 组件时，Android 平台上出现了一个关于视频缩放模式的异常行为。当设置 repeat={true} 属性时，从第二次播放开始，resizeMode 属性会失效，视频不再按照指定的缩放模式（如 COVER）显示。

问题复现条件

这个问题在特定条件下会出现：

1. 使用 Android 13 设备
2. 视频组件设置了 repeat={true} 属性
3. 指定了 resizeMode 为 COVER 或其他模式
4. 某些特定格式的视频源更容易触发此问题

技术分析

从技术实现角度来看，这个问题可能源于 Android 原生层的视频播放器在重复播放时没有正确重新应用视图的布局参数。当视频第一次播放时，缩放模式能够正确应用，但在循环播放的第二次及后续播放时，视图的布局参数没有被重新计算和设置。

解决方案

仓库维护者已经针对此问题提交了修复方案。主要修改点包括：

1. 确保在每次视频重新播放时都重新应用视图的布局参数
2. 优化了视频视图的重置流程
3. 修复了重复播放时可能出现的布局闪烁问题

最佳实践建议

对于开发者在使用 React Native Video 组件时的建议：

1. 及时更新到包含此修复的版本
2. 对于关键视频播放场景，可以考虑暂时使用替代方案：
   • 监听播放完成事件手动重新播放
   • 使用绝对定位替代 flex 布局
3. 测试不同视频源的兼容性，某些编码格式的视频可能更容易出现此问题

总结

这个问题的修复体现了 React Native 社区对跨平台一致性的持续改进。视频播放作为移动应用中的常见功能，其稳定性和一致性对用户体验至关重要。开发者应当关注此类平台特定问题的修复，并在自己的项目中及时应用这些改进。