From 946913e9faa27443e58408eb20c3432cba2846b3 Mon Sep 17 00:00:00 2001
From: Don Yu <don@instagram.com>
Date: Thu, 1 Dec 2016 08:57:33 -0800
Subject: [PATCH] Add in UI Explorer example for showing annotation callouts by
 default in <MapView>

Reviewed By: martinbigio

Differential Revision: D4253281

fbshipit-source-id: b4bd9fedf7042d3d43d2a50bdb7474caa875781f
---
 Examples/UIExplorer/js/MapViewExample.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/Examples/UIExplorer/js/MapViewExample.js b/Examples/UIExplorer/js/MapViewExample.js
index 24374cba576..cb2f849d9a6 100644
--- a/Examples/UIExplorer/js/MapViewExample.js
+++ b/Examples/UIExplorer/js/MapViewExample.js
@@ -242,6 +242,7 @@ class AnnotationExample extends React.Component {
 
     return (
       <MapView
+        showsAnnotationCallouts={this.props.showsAnnotationCallouts}
         style={styles.map}
         onRegionChangeComplete={onRegionChangeComplete}
         region={this.state.mapRegion}
@@ -366,6 +367,29 @@ exports.examples = [
       }}/>;
     }
   },
+  {
+    title: 'Show callouts by default example',
+    render() {
+      return <AnnotationExample
+        style={styles.map}
+        annotation={{
+          title: 'More Info...',
+          rightCalloutView: (
+            <TouchableOpacity
+              onPress={() => {
+                alert('You Are Here');
+              }}>
+              <Image
+                style={{width:30, height:30}}
+                source={require('./uie_thumb_selected.png')}
+              />
+            </TouchableOpacity>
+          ),
+        }}
+        showsAnnotationCallouts={true}
+      />;
+    }
+  },
   {
     title: 'Annotation focus example',
     render() {