Add description as Marker props

Author: Aurore

README.md

@@ -47,6 +47,7 @@ The supported components are `MapView` and `MapView.Marker`.
 `MapView.Marker`:
 - The supported props are:
     - `title`
+    - `description`
     - `coordinate`
 
 

docs/stories/index.js

@@ -22,6 +22,10 @@ storiesOf('MapView', module)
   ));
 storiesOf('Marker', module).add('basic', () => (
   <MapView region={{ latitude: 48.88, longitude: 2.32 }}>
-    <MapView.Marker title="BAM" coordinate={{ latitude: 48.8828463, longitude: 2.3229091 }} />
+    <MapView.Marker
+      title="BAM"
+      description="Shape the future of mobile with us"
+      coordinate={{ latitude: 48.8828463, longitude: 2.3229091 }}
+    />
   </MapView>
 ));

src/Marker.js

@@ -5,7 +5,7 @@ class MapViewMarker extends Component {
   render() {
     return (
       <Marker
-        title={this.props.title}
+        title={this.props.description ? `${this.props.title}\n${this.props.description}` : this.props.title}
         position={{ lat: this.props.coordinate.latitude, lng: this.props.coordinate.longitude }}
       />
     );