React Native Maps 在 Expo SDK 52 中的 Android 标记显示问题解析

问题现象

在升级到 Expo SDK 52 后，许多开发者报告了 React Native Maps 在 Android 平台上标记(Marker)显示异常的问题。主要症状包括：

1. 标记完全不显示
2. 标记随机出现和消失
3. 更改坐标后标记可能短暂显示，但重启应用后又消失
4. 部分情况下标记显示不完整或被裁剪

技术背景分析

React Native Maps 是一个广泛使用的地图组件库，它封装了原生的地图功能。在 Expo SDK 52 中，Google Maps 的支持发生了变化：

• Expo Go for Android 不再支持 Google Maps
• 开发者需要使用开发构建(development build)来继续使用 Google Maps 功能
• 新架构(Fabric Renderer)的引入可能影响了组件的渲染流程

问题根源

根据开发者社区的讨论和测试，这个问题可能由以下几个因素共同导致：

1. 新架构兼容性问题：Expo SDK 52 默认启用了新架构，而 React Native Maps 可能尚未完全适配
2. Google Maps 支持变更：Expo 对 Google Maps 的支持策略调整影响了标记的渲染
3. 原生视图注册异常：部分开发者报告了"Invalid view returned from registry"错误，表明原生组件注册可能存在问题

解决方案

临时解决方案

1. 禁用新架构： 在 app.json 中配置：

   {
     "android": {
       "newArchEnabled": false,
       "experimental": {
         "enableFabricRenderer": false
       }
     }
   }
   

2. 使用开发构建：

   • 创建自定义开发构建
   • 使用 expo run:android 而不是 Expo Go

3. 降级到 Expo SDK 51： 如果项目允许，暂时回退到 SDK 51 版本可以完全避免此问题

长期解决方案

1. 等待 React Native Maps 官方发布对新架构的完整支持
2. 关注 Expo 官方更新，特别是关于地图支持的变更说明
3. 考虑使用其他地图解决方案作为临时替代

开发者注意事项

1. 测试策略：

   • 在开发构建中测试地图功能，而不仅依赖 Expo Go
   • 同时在模拟器和真机上进行验证

2. 性能考量：

   • 禁用新架构可能会影响应用性能
   • 权衡功能需求与性能要求的平衡

3. 代码兼容性：

   • 保持代码结构兼容多个 SDK 版本
   • 考虑使用条件渲染来处理不同环境下的地图显示

结论

React Native Maps 在 Expo SDK 52 中的标记显示问题主要源于架构变更和支持策略调整。开发者可以通过禁用新架构或使用开发构建来暂时解决问题，但长期来看需要等待官方发布完整的兼容性更新。这个问题也提醒我们在升级主要依赖时需要更加谨慎，特别是在生产环境中使用地图等核心功能时。