React Native仅Android端报borderBottomRightRadius类型转换错误求助

问题详情 #

• 仅Android端出现报错，错误信息：

  Error while updating property 'borderBottomRightRadius' of a view managed by: RCTView
  java.lang.String cannot be cast to java.lang.Double
  

• 明确为类型转换问题，推测是给borderBottomRightRadius传入了字符串类型值，但全局搜索所有border相关CSS属性未发现异常
• 使用Expo Go调试时，错误仅显示在Android设备屏幕，控制台无输出，报错指向的文件均非项目内文件
• 尝试删除或修改所有border属性值后，问题仍未解决

排查方案 #

• 检查动态赋值场景：排查项目中通过变量、状态、props或外部数据（API/本地存储）动态传递border半径值的代码，确认是否存在字符串类型的数值（如"8"而非8），Android对样式数值类型的校验比iOS更严格
• 排查第三方组件：检查项目依赖的第三方UI组件（如卡片、输入框、模态框等），这类组件可能内部封装了borderRadius属性，确认传递给它们的props中是否存在字符串类型的半径值
• 查看Android原生日志：通过adb logcat *:E命令获取更详细的Android原生错误日志，日志会包含更完整的调用栈，帮助定位具体触发错误的RCTView
• 逐步定位组件：从当前报错页面的根组件开始，逐步注释子组件并重新运行，直到错误消失，以此锁定引发问题的具体组件
• 检查样式合并逻辑：确认是否存在样式对象合并的代码（如StyleSheet.flatten、扩展运算符合并），这类操作可能意外将数值类型转为字符串
• 验证Expo版本兼容性：检查当前Expo SDK版本是否存在Android端borderRadius类型处理的已知问题，尝试升级或降级到官方标记的稳定版本

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