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

Nyx*_*nyx 1 javascript google-maps reactjs react-native react-native-maps

的颜色MapView.Marker似乎没有从默认的红颜色的变化,即使分配颜色后也pinColor

有什么问题吗?

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

来自 Android 模拟器的屏幕截图

在此处输入图片说明

小智 7

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

喜欢:

<MapView.Marker
    pinColor={'green'}
/>
Run Code Online (Sandbox Code Playgroud)


raj*_*ary 5

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

const pinColor = '#000000';

然后像传递一样..

pinColor = {pinColor}