嘿，我之前也碰到过react-native-maps在Android端标记图标不更新的坑，结合你的代码场景，给你几个实用的解决思路：

1. 强制标记组件重渲染（最常用的解决方案） #

Android端的react-native-maps Marker组件有时候会因为内部的渲染优化“偷懒”，props变化了也不触发重渲染。你可以通过两种方式强制它更新：

方案A：更新标记的key值 #

把原来的key={marker}改成包含选中标记的标识，这样当选中状态变化时，key值改变，组件会重新挂载，自然就更新图标了：

<CustomMarkers 
  key={`${marker}-${this.state.selectedMarker?.key || ''}`} 
  coordinate={this.state.markers[marker].coordinate} 
  onPress={()=>this.setState({selectedMarker:this.state.markers[marker]})} 
>
  <Image 
    source={ 
      this.state.selectedMarker && marker == this.state.selectedMarker.key 
        ? require('../images/mapmarker/default.png') 
        : icons[this.state.markerIcons[this.state.markers[marker].category].icon] 
    } 
  />
</CustomMarkers>

方案B：使用官方推荐的extraData属性 #

react-native-maps的Marker组件自带extraData属性，只要这个属性变化，就会强制组件重渲染。如果你的CustomMarkers是包裹了官方Marker的自定义组件，记得把这个属性传进去：

// 渲染CustomMarkers时传入extraData
<CustomMarkers 
  key={marker} 
  coordinate={this.state.markers[marker].coordinate} 
  onPress={()=>this.setState({selectedMarker:this.state.markers[marker]})}
  extraData={this.state.selectedMarker}
>
  <Image 
    source={ 
      this.state.selectedMarker && marker == this.state.selectedMarker.key 
        ? require('../images/mapmarker/default.png') 
        : icons[this.state.markerIcons[this.state.markers[marker].category].icon] 
    } 
  />
</CustomMarkers>

// 然后在CustomMarkers组件内部把extraData传递给官方Marker
const CustomMarkers = ({ extraData, ...props }) => {
  return <Marker extraData={extraData} {...props} />;
};

2. 检查动态图片加载的兼容性 #

Android端对动态require图片的处理和iOS有点不一样，如果你是通过动态拼接路径的方式加载图标，可能会出现解析问题。建议提前把所有分类图标做成静态映射：

// 提前定义好所有分类对应的图标
const categoryIcons = {
  restaurant: require('../images/categories/restaurant.png'),
  cafe: require('../images/categories/cafe.png'),
  shop: require('../images/categories/shop.png'),
  // 其他分类...
};

// 然后在Image组件里直接使用映射好的图标
<Image 
  source={ 
    this.state.selectedMarker && marker == this.state.selectedMarker.key 
      ? require('../images/mapmarker/default.png') 
      : categoryIcons[this.state.markers[marker].category] 
  } 
/>

这种静态映射的方式在Android上更可靠，不会出现路径解析错误的问题。

3. 排查自定义标记组件的重渲染逻辑 #

如果你的CustomMarkers是自己封装的组件，检查一下是不是用了React.memo但没配置正确的比较函数，导致props变化时组件没更新：

// 如果用了React.memo，要确保比较函数能识别选中状态的变化
const CustomMarkers = React.memo((props) => {
  // 你的组件内容
}, (prevProps, nextProps) => {
  // 比如当onPress或者选中相关的props变化时，返回false触发重渲染
  if (prevProps.onPress !== nextProps.onPress) return false;
  // 其他props的比较逻辑...
  return true;
});

要是没用到React.memo，那检查组件内部有没有缓存状态，导致新的props没生效。

4. 先确认状态更新是否生效 #

可以在render函数里加个日志，看看Android端点击标记后，this.state.selectedMarker是不是真的更新了，以及marker == this.state.selectedMarker.key的判断逻辑对不对：

console.log('当前标记:', marker, '选中的标记:', this.state.selectedMarker?.key);

如果状态确实更新了但图标没变化，那基本就是组件没重渲染的问题，回到方案1解决就行。

内容的提问来源于stack exchange，提问作者E.D