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

Question

The color of MapView.Marker does not seem to change from the default red color even after assigning a color to pinColor.

Is something wrong?

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

Screen cap from Android Emulator

Zola

Answer 1

You missed the curly braces. Everything else is fine and it will work or better define the color as const and pass that like this.

const pinColor = '#000000';

and then pass it like..

pinColor = {pinColor}

Leenaleeper

Answer 2

Allowed colors for Marker are: red, tomato, orange, yellow, green, gold, wheat, linen, tan, blue, aqua, teal, violet, purple, indigo, turquoise, navy and plum.

Like:

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

Godfearing