如何在反应原生上定制标记地图?(RN-vs : 0.59)

Question

我试图在 react-native 上定制地图标记......但我在我的 android 上没有得到更改标记.. 在我编写像 bellow 这样的代码后，该应用程序总是强制关闭。请帮忙..谢谢。。

render() {
return (
// <View style={styles.container}>
<MapView
ref={ref => myMap = ref}
style={{
flex: 1
}}
region={this.props.region}
showsUserLocation={true}
>
{
this.state.data.map((value, key) => {
return (
<MapView.Marker
coordinate={{ latitude: value.region.latitude, longitude: value.region.longitude }}
key={key}
title={value.title}
description={value.desc}
image={require('../../../Assets/Ruko.png')}
onPress={() => {
myMap.fitToCoordinates([{ latitude: value.region.latitude, longitude: value.region.longitude }], {
edgePadding: { top: 10, bottom: 10, left: 10, right: 10 },
animated: true
});
this.clickDetail(value.id);
}}>
</MapView.Marker>
)
})
}
</MapView>
// </View>
);

Answer 1

将图像添加到标记道具。

<MapView.Marker
coordinate={{ latitude: value.region.latitude, longitude: value.region.longitude }}
key={key}
title={value.title}
description={value.desc}
onPress={() => {
myMap.fitToCoordinates([{ latitude: value.region.latitude, longitude: value.region.longitude }], {
edgePadding: { top: 10, bottom: 10, left: 10, right: 10 },
animated: true
});
this.clickDetail(value.id);
}}>
<Image source={require('../../../Assets/Ruko.png')} 
style={{height: 35, width:35 }} />
</MapView.Marker>