使用react-native-maps在Android端出现地图叠加图画质不佳问题

问题说明 #

在地图上叠加大尺寸图片时，Android设备上的图片画质会大幅下降，但iOS端无此异常，该问题源于Fresco对大尺寸图片的自动降采样机制。

可行解决方案 #

• 调整Fresco降采样配置：创建ImageRequest时，通过配置关闭或调整自动降采样逻辑，示例代码如下：

  ImageRequest request = ImageRequestBuilder.newBuilderWithSource(uri)
      .setResizeOptions(new ResizeOptions(targetWidth, targetHeight))
      .setAutoRotateEnabled(true)
      .setDownsampleEnabled(false) // 禁用自动降采样，保留原图画质
      .build();
  

• 修改react-native-maps原生代码：找到ImageReader.java中创建ImageRequest的逻辑，添加配置暴露入口，允许从RN端传入Fresco的自定义配置参数（如是否启用降采样、目标尺寸等），重新编译Android原生代码后生效。

• 自定义图片加载逻辑：绕过react-native-maps默认的Fresco加载流程，实现独立的图片加载组件，用完整的Fresco配置加载图片后再叠加到地图上。

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