React Native插件集成至主应用报错排查请求

可能原因 #

• Expo的DebuggingOverlay组件不兼容$ReadOnlyArray类型参数，你的插件或React Native版本与当前Expo SDK版本存在类型匹配冲突。
• npx create-react-native-library生成的插件默认依赖的RN版本，和主应用Expo SDK锁定的RN版本不一致，导致类型定义冲突。
• 开启了Expo调试追踪类功能（如Flipper相关调试选项），插件Native代码未适配这类类型传递逻辑。

解决方案 #

1. 对齐RN版本 #

• 查看主应用package.json中react-native的版本（Expo项目中该版本由SDK锁定，比如SDK 49对应RN 0.72.x）。
• 检查插件项目package.json的react-native依赖版本，确保两者一致。修改后重新安装插件依赖，再重新构建插件。

2. 临时禁用调试追踪相关功能 #

• 启动Expo时添加参数关闭DevTools：

  npx expo start --no-devtools
  

• 或在应用入口文件中忽略相关日志：

  import { LogBox } from 'react-native';
  LogBox.ignoreLogs(['DebuggingOverlayNativeComponent']);
  

3. 检查插件ViewManager参数传递 #

• 查看MopoPluginViewManager中数组类型参数的处理逻辑，避免使用$ReadOnlyArray这类Flow类型，改用普通数组传递。
• 确保Native端方法参数类型声明与JS端传递的类型匹配，比如Java端用List类型接收时，JS端传递普通数组而非只读数组。

4. 清理缓存重启 #

• 清理Expo和RN缓存：

  npx expo start --clear
  

• 清理插件Android构建缓存：进入插件android目录执行./gradlew clean，再重新构建。

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