Facebook/react-native
1
0
Fork 0
mirror of https://github.com/facebook/react-native.git synced 2025-11-01 09:14:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

update website

Browse Source
This commit is contained in:
Travis CI
2015-04-30 14:24:15 +00:00
parent 7aada5781c
commit 3501f2f6cb
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/nativecomponentsios.html
+4 -4
View File
@@ -31,7 +31,7 @@ class <span class="token class-name">MapView</span> extends <span class="token c
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token keyword">var</span> RCTMap<span class="token operator">=</span> <span class="token function">requireNativeComponent<span class="token punctuation">(</span></span><span class="token string">&#x27;RCTMap&#x27;</span><span class="token punctuation">,</span> MapView<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> RCTMap <span class="token operator">=</span> <span class="token function">requireNativeComponent<span class="token punctuation">(</span></span><span class="token string">&#x27;RCTMap&#x27;</span><span class="token punctuation">,</span> MapView<span class="token punctuation">)</span><span class="token punctuation">;</span>
MapView<span class="token punctuation">.</span>propTypes <span class="token operator">=</span> <span class="token punctuation">{</span>
<span class="token comment" spellcheck="true">/**
@@ -41,7 +41,7 @@ MapView<span class="token punctuation">.</span>propTypes <span class="token oper
* angle is ignored and the map is always displayed as if the user
* is looking straight down onto it.
*/</span>
pitchEnabled <span class="token operator">=</span> React<span class="token punctuation">.</span>PropTypes<span class="token punctuation">.</span>bool<span class="token punctuation">,</span>
pitchEnabled<span class="token punctuation">:</span> React<span class="token punctuation">.</span>PropTypes<span class="token punctuation">.</span>bool<span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> MapView<span class="token punctuation">;</span></div><p>Now we have a nicely documented wrapper component that is easy to work with. Note that we changed the second argument to <code>requireNativeComponent</code> from <code>null</code> to the new <code>MapView</code> wrapper component. This allows the infrastructure to verify that the propTypes match the native props to reduce the chances of mismatches between the ObjC and JS code.</p><p>Next, let&#x27;s add the more complex <code>region</code> prop. We start by adding the native code:</p><div class="prism language-javascript"><span class="token comment" spellcheck="true">// RCTMapManager.m
@@ -91,7 +91,7 @@ MapView<span class="token punctuation">.</span>propTypes <span class="token oper
* angle is ignored and the map is always displayed as if the user
* is looking straight down onto it.
*/</span>
pitchEnabled <span class="token operator">=</span> React<span class="token punctuation">.</span>PropTypes<span class="token punctuation">.</span>bool<span class="token punctuation">,</span>
pitchEnabled<span class="token punctuation">:</span> React<span class="token punctuation">.</span>PropTypes<span class="token punctuation">.</span>bool<span class="token punctuation">,</span>
<span class="token comment" spellcheck="true">/**
* The region to be displayed by the map.
@@ -155,7 +155,7 @@ MapView<span class="token punctuation">.</span>propTypes <span class="token oper
<span class="token punctuation">{</span>
MKCoordinateRegion region <span class="token operator">=</span> mapView<span class="token punctuation">.</span>region<span class="token punctuation">;</span>
NSDictionary <span class="token operator">*</span>event <span class="token operator">=</span> @<span class="token punctuation">{</span>
@<span class="token string">&quot;target&quot;</span><span class="token punctuation">:</span> <span class="token punctuation">[</span>mapView reactTag<span class="token punctuation">]</span><span class="token punctuation">,</span>
@<span class="token string">&quot;target&quot;</span><span class="token punctuation">:</span> mapView<span class="token punctuation">.</span>reactTag<span class="token punctuation">,</span>
@<span class="token string">&quot;region&quot;</span><span class="token punctuation">:</span> @<span class="token punctuation">{</span>
@<span class="token string">&quot;latitude&quot;</span><span class="token punctuation">:</span> @<span class="token punctuation">(</span>region<span class="token punctuation">.</span>center<span class="token punctuation">.</span>latitude<span class="token punctuation">)</span><span class="token punctuation">,</span>
@<span class="token string">&quot;longitude&quot;</span><span class="token punctuation">:</span> @<span class="token punctuation">(</span>region<span class="token punctuation">.</span>center<span class="token punctuation">.</span>longitude<span class="token punctuation">)</span><span class="token punctuation">,</span>