使用 react-native-maps 更改 MapView.Marker 的 pinColor

Question

MapView.Marker 的颜色似乎没有从默认的红色更改，即使在为 pinColor 分配颜色后也是如此。

有什么问题吗？

{ this.state.markers.map(marker => {
    return (
        <MapView.Marker 
            coordinate={{latitude: marker.latitude, longitude: marker.longitude}}
            key={marker.key}
            pinColor='#000000'
        />
    )
})}

来自 Android 模拟器的屏幕截图

Answer 1

你错过了大括号。其他一切都很好，它会工作或更好地将颜色定义为 const 并像这样传递。

const pinColor = '#000000';

然后像这样传递..

pinColor = {pinColor}

Answer 2

标记允许的颜色是：红色、番茄色、橙色、黄色、绿色、金色、小麦色、亚麻色、棕褐色、蓝色、浅绿色、蓝绿色、紫罗兰色、紫色、靛蓝、绿松石色、海军蓝和紫红色。

喜欢：

<MapView.Marker
    pinColor={'green'}
/>

使用 react-native-maps 更改 MapView.Marker 的 pinColor

Using react-native-maps to Change pinColor of MapView.Marker

javascript

google-maps

reactjs

react-native

react-native-maps