RCTView视图配置与原生不匹配问题咨询（附package.json）

你遇到的RCTView生成的validAttributes视图配置与原生不匹配和RCTView生成的bubblingEventTypes视图配置与原生不匹配错误，核心原因是JS侧与原生侧的视图配置不一致，多由缓存、依赖版本冲突或原生代码未同步导致，以下是具体解决方案：

1. 清理缓存并重启Metro服务 #

• 关闭当前运行的Metro服务
• 清理npm缓存：

  npm cache clean --force
  

• 重置Metro缓存并重启：

  npx react-native start --reset-cache
  

• 重新运行项目：

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

2. 调整依赖版本适配RN 0.64.2 #

从你的package.json来看，部分依赖版本与React Native 0.64.2存在适配性问题，建议调整：

• 将react-native-reanimated升级至~2.2.0（RN 0.64.x的稳定适配版本）
• 将react-native-gesture-handler升级至~1.10.3
• 修改后执行npm install重新安装依赖，再重新构建项目

3. 清理原生项目构建缓存 #

Android端操作： #

进入项目根目录下的android文件夹，执行：

./gradlew clean
./gradlew assembleDebug

iOS端操作： #

• 打开Xcode，按Command + Shift + K清理构建缓存
• 删除ios/Pods文件夹和ios/Podfile.lock文件
• 执行pod install重新安装iOS依赖，再重新构建项目

4. 排查第三方Native模块冲突 #

如果项目中引入了自定义Native模块或修改过RCTView配置的第三方库：

• 检查第三方库的RCTViewManager子类是否正确实现视图属性与事件配置
• 确保没有重复注册RCTView的validAttributes或bubblingEventTypes

5. 重置项目依赖与构建文件 #

若以上步骤无效，执行彻底重置：

• 删除node_modules文件夹，重新执行npm install
• Android端删除android/app/build和android/build文件夹
• iOS端删除ios/build文件夹，重新执行依赖安装与项目构建

内容的提问来源于stack exchange，提问作者sanjay solanki