RN视频包冲突报错：重复注册同名视图RCTVideo

问题原因 #

react-native-af-video-player 本身已经依赖了 react-native-video，同时安装这两个包会导致原生层重复注册同名的RCTVideo视图组件，引发冲突。

解决步骤 #

• 卸载单独安装的react-native-video，只保留react-native-af-video-player即可：

  # npm 方式
  npm uninstall react-native-video
  
  # yarn 方式
  yarn remove react-native-video
  

• 彻底清理项目缓存：

  # 重置Metro缓存
  npx react-native start --reset-cache
  
  # iOS 清理Pod依赖（进入ios目录执行）
  cd ios && pod deintegrate && pod install
  
  # Android 清理Gradle缓存（进入android目录执行）
  cd android && ./gradlew clean
  

• 重新启动项目：

  # Android
  npx react-native run-android
  
  # iOS
  npx react-native run-ios
  

额外说明 #

如果确实需要同时使用两个包（不推荐），可以手动指定react-native-video的版本与react-native-af-video-player依赖的版本一致，避免版本冲突，但这种方式可能引发其他兼容性问题，优先推荐只保留react-native-af-video-player。

内容的提问来源于stack exchange，提问作者homayoun Alipour