update website

docs/geolocation.html

@@ -41,11 +41,15 @@ exports<span class="token punctuation">.</span>examples <span class="token opera
 
   componentDidMount<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
     navigator<span class="token punctuation">.</span>geolocation<span class="token punctuation">.</span><span class="token function">getCurrentPosition<span class="token punctuation">(</span></span>
-      <span class="token punctuation">(</span>initialPosition<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState<span class="token punctuation">(</span></span><span class="token punctuation">{</span>initialPosition<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
+      <span class="token punctuation">(</span>position<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">{</span>
+        <span class="token keyword">var</span> initialPosition <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify<span class="token punctuation">(</span></span>position<span class="token punctuation">)</span><span class="token punctuation">;</span>
+        <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState<span class="token punctuation">(</span></span><span class="token punctuation">{</span>initialPosition<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
+      <span class="token punctuation">}</span><span class="token punctuation">,</span>
       <span class="token punctuation">(</span>error<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token function">alert<span class="token punctuation">(</span></span>error<span class="token punctuation">.</span>message<span class="token punctuation">)</span><span class="token punctuation">,</span>
       <span class="token punctuation">{</span>enableHighAccuracy<span class="token punctuation">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span> timeout<span class="token punctuation">:</span> <span class="token number">20000</span><span class="token punctuation">,</span> maximumAge<span class="token punctuation">:</span> <span class="token number">1000</span><span class="token punctuation">}</span>
     <span class="token punctuation">)</span><span class="token punctuation">;</span>
-    <span class="token keyword">this</span><span class="token punctuation">.</span>watchID <span class="token operator">=</span> navigator<span class="token punctuation">.</span>geolocation<span class="token punctuation">.</span><span class="token function">watchPosition<span class="token punctuation">(</span></span><span class="token punctuation">(</span>lastPosition<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">{</span>
+    <span class="token keyword">this</span><span class="token punctuation">.</span>watchID <span class="token operator">=</span> navigator<span class="token punctuation">.</span>geolocation<span class="token punctuation">.</span><span class="token function">watchPosition<span class="token punctuation">(</span></span><span class="token punctuation">(</span>position<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">{</span>
+      <span class="token keyword">var</span> lastPosition <span class="token operator">=</span> JSON<span class="token punctuation">.</span><span class="token function">stringify<span class="token punctuation">(</span></span>position<span class="token punctuation">)</span><span class="token punctuation">;</span>
       <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState<span class="token punctuation">(</span></span><span class="token punctuation">{</span>lastPosition<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
     <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
@@ -59,11 +63,11 @@ exports<span class="token punctuation">.</span>examples <span class="token opera
       &lt;View<span class="token operator">&gt;</span>
         &lt;Text<span class="token operator">&gt;</span>
           &lt;Text style<span class="token operator">=</span><span class="token punctuation">{</span>styles<span class="token punctuation">.</span>title<span class="token punctuation">}</span><span class="token operator">&gt;</span>Initial position<span class="token punctuation">:</span> &lt;<span class="token operator">/</span>Text<span class="token operator">&gt;</span>
-          <span class="token punctuation">{</span>JSON<span class="token punctuation">.</span><span class="token function">stringify<span class="token punctuation">(</span></span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>initialPosition<span class="token punctuation">)</span><span class="token punctuation">}</span>
+          <span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>initialPosition<span class="token punctuation">}</span>
         &lt;<span class="token operator">/</span>Text<span class="token operator">&gt;</span>
         &lt;Text<span class="token operator">&gt;</span>
           &lt;Text style<span class="token operator">=</span><span class="token punctuation">{</span>styles<span class="token punctuation">.</span>title<span class="token punctuation">}</span><span class="token operator">&gt;</span>Current position<span class="token punctuation">:</span> &lt;<span class="token operator">/</span>Text<span class="token operator">&gt;</span>
-          <span class="token punctuation">{</span>JSON<span class="token punctuation">.</span><span class="token function">stringify<span class="token punctuation">(</span></span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>lastPosition<span class="token punctuation">)</span><span class="token punctuation">}</span>
+          <span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>lastPosition<span class="token punctuation">}</span>
         &lt;<span class="token operator">/</span>Text<span class="token operator">&gt;</span>
       &lt;<span class="token operator">/</span>View<span class="token operator">&gt;</span>
     <span class="token punctuation">)</span><span class="token punctuation">;</span>

docs/image.html

@@ -43,6 +43,7 @@ network.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor
   getInitialState<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">{</span>
       events<span class="token punctuation">:</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
+      mountTime<span class="token punctuation">:</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
 

docs/mapview.html

@@ -34,6 +34,17 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
   longitudeDelta<span class="token punctuation">:</span> <span class="token string">&#x27;0&#x27;</span><span class="token punctuation">,</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span>
 
+type MapRegion <span class="token operator">=</span> <span class="token punctuation">{</span>
+  latitude<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+  longitude<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+  latitudeDelta<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+  longitudeDelta<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span>
+
+type MapRegionInputState <span class="token operator">=</span> <span class="token punctuation">{</span>
+  region<span class="token punctuation">:</span> MapRegion<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span>
+
 <span class="token keyword">var</span> MapRegionInput <span class="token operator">=</span> React<span class="token punctuation">.</span><span class="token function">createClass<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
 
   propTypes<span class="token punctuation">:</span> <span class="token punctuation">{</span>
@@ -46,7 +57,7 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
     onChange<span class="token punctuation">:</span> React<span class="token punctuation">.</span>PropTypes<span class="token punctuation">.</span>func<span class="token punctuation">.</span>isRequired<span class="token punctuation">,</span>
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
 
-  getInitialState<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">:</span> MapRegionInputState <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">{</span>
       region<span class="token punctuation">:</span> <span class="token punctuation">{</span>
         latitude<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
@@ -138,19 +149,42 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
 
   _change<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
     <span class="token keyword">this</span><span class="token punctuation">.</span><span class="token function">setState<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
-      latitude<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>latitude<span class="token punctuation">)</span><span class="token punctuation">,</span>
-      longitude<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>longitude<span class="token punctuation">)</span><span class="token punctuation">,</span>
-      latitudeDelta<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>latitudeDelta<span class="token punctuation">)</span><span class="token punctuation">,</span>
-      longitudeDelta<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>longitudeDelta<span class="token punctuation">)</span><span class="token punctuation">,</span>
+      region<span class="token punctuation">:</span> <span class="token punctuation">{</span>
+        latitude<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>latitude<span class="token punctuation">)</span><span class="token punctuation">,</span>
+        longitude<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>longitude<span class="token punctuation">)</span><span class="token punctuation">,</span>
+        latitudeDelta<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>latitudeDelta<span class="token punctuation">)</span><span class="token punctuation">,</span>
+        longitudeDelta<span class="token punctuation">:</span> <span class="token function">parseFloat<span class="token punctuation">(</span></span>regionText<span class="token punctuation">.</span>longitudeDelta<span class="token punctuation">)</span><span class="token punctuation">,</span>
+      <span class="token punctuation">}</span><span class="token punctuation">,</span>
     <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
     <span class="token keyword">this</span><span class="token punctuation">.</span>props<span class="token punctuation">.</span><span class="token function">onChange<span class="token punctuation">(</span></span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>region<span class="token punctuation">)</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
 
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 
+type Annotations <span class="token operator">=</span> Array&lt;<span class="token punctuation">{</span>
+  animateDrop<span class="token operator">?</span><span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  latitude<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+  longitude<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+  title<span class="token operator">?</span><span class="token punctuation">:</span> string<span class="token punctuation">,</span>
+  subtitle<span class="token operator">?</span><span class="token punctuation">:</span> string<span class="token punctuation">,</span>
+  hasLeftCallout<span class="token operator">?</span><span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  hasRightCallout<span class="token operator">?</span><span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  onLeftCalloutPress<span class="token operator">?</span><span class="token punctuation">:</span> Function<span class="token punctuation">,</span>
+  onRightCalloutPress<span class="token operator">?</span><span class="token punctuation">:</span> Function<span class="token punctuation">,</span>
+  tintColor<span class="token operator">?</span><span class="token punctuation">:</span> string<span class="token punctuation">,</span>
+  image<span class="token operator">?</span><span class="token punctuation">:</span> any<span class="token punctuation">,</span>
+  id<span class="token operator">?</span><span class="token punctuation">:</span> string<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token operator">&gt;</span><span class="token punctuation">;</span>
+type MapViewExampleState <span class="token operator">=</span> <span class="token punctuation">{</span>
+  isFirstLoad<span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  mapRegion<span class="token operator">?</span><span class="token punctuation">:</span> MapRegion<span class="token punctuation">,</span>
+  mapRegionInput<span class="token operator">?</span><span class="token punctuation">:</span> MapRegion<span class="token punctuation">,</span>
+  annotations<span class="token operator">?</span><span class="token punctuation">:</span> Annotations<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span>
+
 <span class="token keyword">var</span> MapViewExample <span class="token operator">=</span> React<span class="token punctuation">.</span><span class="token function">createClass<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
 
-  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">:</span> MapViewExampleState <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">{</span>
       isFirstLoad<span class="token punctuation">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
@@ -174,7 +208,7 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
     <span class="token punctuation">)</span><span class="token punctuation">;</span>
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
 
-  <span class="token function">_getAnnotations<span class="token punctuation">(</span></span>region<span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token function">_getAnnotations<span class="token punctuation">(</span></span>region<span class="token punctuation">)</span><span class="token punctuation">:</span> Annotations <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
       longitude<span class="token punctuation">:</span> region<span class="token punctuation">.</span>longitude<span class="token punctuation">,</span>
       latitude<span class="token punctuation">:</span> region<span class="token punctuation">.</span>latitude<span class="token punctuation">,</span>
@@ -208,9 +242,14 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
 
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 
+type CalloutMapViewExampleState <span class="token operator">=</span> <span class="token punctuation">{</span>
+  isFirstLoad<span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  annotations<span class="token operator">?</span><span class="token punctuation">:</span> Annotations<span class="token punctuation">,</span>
+  mapRegion<span class="token operator">?</span><span class="token punctuation">:</span> MapRegion<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span>
 <span class="token keyword">var</span> CalloutMapViewExample <span class="token operator">=</span> React<span class="token punctuation">.</span><span class="token function">createClass<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
 
-  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">:</span> CalloutMapViewExampleState <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">{</span>
       isFirstLoad<span class="token punctuation">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
@@ -246,9 +285,14 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
 
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 
+type CustomPinColorMapViewExampleState <span class="token operator">=</span> <span class="token punctuation">{</span>
+  isFirstLoad<span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  annotations<span class="token operator">?</span><span class="token punctuation">:</span> Annotations<span class="token punctuation">,</span>
+  mapRegion<span class="token operator">?</span><span class="token punctuation">:</span> MapRegion<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span>
 <span class="token keyword">var</span> CustomPinColorMapViewExample <span class="token operator">=</span> React<span class="token punctuation">.</span><span class="token function">createClass<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
 
-  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">:</span> CustomPinColorMapViewExampleState <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">{</span>
       isFirstLoad<span class="token punctuation">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
@@ -281,9 +325,14 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
 
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 
+type CustomPinImageMapViewExampleState <span class="token operator">=</span> <span class="token punctuation">{</span>
+  isFirstLoad<span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  annotations<span class="token operator">?</span><span class="token punctuation">:</span> Annotations<span class="token punctuation">,</span>
+  mapRegion<span class="token operator">?</span><span class="token punctuation">:</span> MapRegion<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span>
 <span class="token keyword">var</span> CustomPinImageMapViewExample <span class="token operator">=</span> React<span class="token punctuation">.</span><span class="token function">createClass<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
 
-  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">:</span> CustomPinImageMapViewExampleState <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">{</span>
       isFirstLoad<span class="token punctuation">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>
@@ -316,9 +365,25 @@ Default value is <code>true</code>.</p></div></div></div></div><div><h3><a class
 
 <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 
+type Overlays <span class="token operator">=</span> Array&lt;<span class="token punctuation">{</span>
+  coordinates<span class="token operator">?</span><span class="token punctuation">:</span> Array&lt;<span class="token punctuation">{</span>
+    latitude<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+    longitude<span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+  <span class="token punctuation">}</span><span class="token operator">&gt;</span><span class="token punctuation">,</span>
+  lineWidth<span class="token operator">?</span><span class="token punctuation">:</span> number<span class="token punctuation">,</span>
+  strokeColor<span class="token operator">?</span><span class="token punctuation">:</span> string<span class="token punctuation">,</span>
+  fillColor<span class="token operator">?</span><span class="token punctuation">:</span> string<span class="token punctuation">,</span>
+  id<span class="token operator">?</span><span class="token punctuation">:</span> string<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token operator">&gt;</span><span class="token punctuation">;</span>
+type CustomOverlayMapViewExampleState <span class="token operator">=</span> <span class="token punctuation">{</span>
+  isFirstLoad<span class="token punctuation">:</span> boolean<span class="token punctuation">,</span>
+  overlays<span class="token operator">?</span><span class="token punctuation">:</span> Overlays<span class="token punctuation">,</span>
+  annotations<span class="token operator">?</span><span class="token punctuation">:</span> Annotations<span class="token punctuation">,</span>
+  mapRegion<span class="token operator">?</span><span class="token punctuation">:</span> MapRegion<span class="token punctuation">,</span>
+<span class="token punctuation">}</span><span class="token punctuation">;</span>
 <span class="token keyword">var</span> CustomOverlayMapViewExample <span class="token operator">=</span> React<span class="token punctuation">.</span><span class="token function">createClass<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
 
-  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
+  <span class="token function">getInitialState<span class="token punctuation">(</span></span><span class="token punctuation">)</span><span class="token punctuation">:</span> CustomOverlayMapViewExampleState <span class="token punctuation">{</span>
     <span class="token keyword">return</span> <span class="token punctuation">{</span>
       isFirstLoad<span class="token punctuation">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
     <span class="token punctuation">}</span><span class="token punctuation">;</span>

docs/panresponder.html

@@ -123,7 +123,8 @@ are the responder.</p></li></ul></div></div></div></span></div><div><h3><a class
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
 
   _highlight<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
-    <span class="token keyword">this</span><span class="token punctuation">.</span>circle &amp;&amp; <span class="token keyword">this</span><span class="token punctuation">.</span>circle<span class="token punctuation">.</span><span class="token function">setNativeProps<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
+    const circle <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>circle<span class="token punctuation">;</span>
+    circle &amp;&amp; circle<span class="token punctuation">.</span><span class="token function">setNativeProps<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
       style<span class="token punctuation">:</span> <span class="token punctuation">{</span>
         backgroundColor<span class="token punctuation">:</span> <span class="token function">processColor<span class="token punctuation">(</span></span>CIRCLE_HIGHLIGHT_COLOR<span class="token punctuation">)</span>
       <span class="token punctuation">}</span>
@@ -131,7 +132,8 @@ are the responder.</p></li></ul></div></div></div></span></div><div><h3><a class
   <span class="token punctuation">}</span><span class="token punctuation">,</span>
 
   _unHighlight<span class="token punctuation">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
-    <span class="token keyword">this</span><span class="token punctuation">.</span>circle &amp;&amp; <span class="token keyword">this</span><span class="token punctuation">.</span>circle<span class="token punctuation">.</span><span class="token function">setNativeProps<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
+    const circle <span class="token operator">=</span> <span class="token keyword">this</span><span class="token punctuation">.</span>circle<span class="token punctuation">;</span>
+    circle &amp;&amp; circle<span class="token punctuation">.</span><span class="token function">setNativeProps<span class="token punctuation">(</span></span><span class="token punctuation">{</span>
       style<span class="token punctuation">:</span> <span class="token punctuation">{</span>
         backgroundColor<span class="token punctuation">:</span> <span class="token function">processColor<span class="token punctuation">(</span></span>CIRCLE_COLOR<span class="token punctuation">)</span>
       <span class="token punctuation">}</span>

docs/pickerios.html

@@ -84,7 +84,7 @@
           <span class="token punctuation">{</span>CAR_MAKES_AND_MODELS<span class="token punctuation">[</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>carMake<span class="token punctuation">]</span><span class="token punctuation">.</span>models<span class="token punctuation">.</span><span class="token function">map<span class="token punctuation">(</span></span>
             <span class="token punctuation">(</span>modelName<span class="token punctuation">,</span> modelIndex<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">(</span>
               &lt;PickerItemIOS
-                key<span class="token operator">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>carmake <span class="token operator">+</span> <span class="token string">&#x27;_&#x27;</span> <span class="token operator">+</span> modelIndex<span class="token punctuation">}</span>
+                key<span class="token operator">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span>state<span class="token punctuation">.</span>carMake <span class="token operator">+</span> <span class="token string">&#x27;_&#x27;</span> <span class="token operator">+</span> modelIndex<span class="token punctuation">}</span>
                 value<span class="token operator">=</span><span class="token punctuation">{</span>modelIndex<span class="token punctuation">}</span>
                 label<span class="token operator">=</span><span class="token punctuation">{</span>modelName<span class="token punctuation">}</span>
               <span class="token operator">/</span><span class="token operator">&gt;</span>