mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Deploy website
Deploy website version based on e9b35bb67e5e4ce8f2e5aeb5d798994e2a1aed35
This commit is contained in:
@@ -210,7 +210,7 @@
|
||||
<li>The content of <code>Modal</code> components cannot receive focus, see <a href="https://github.com/facebook/react-native/issues/24448">this issue</a> for details.</li>
|
||||
</ul></li>
|
||||
</ul>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/integration-with-existing-apps"><span class="arrow-prev">← </span><span>Integration with Existing Apps</span></a><a class="docs-next button" href="/docs/next/out-of-tree-platforms"><span>Out-of-Tree Platforms</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#build-changes">Build changes</a></li><li><a href="#build-changes-1">Build changes</a></li><li><a href="#code-changes">Code changes</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/integration-with-android-fragment"><span class="arrow-prev">← </span><span>Previous</span></a><a class="docs-next button" href="/docs/next/out-of-tree-platforms"><span>Out-of-Tree Platforms</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#build-changes">Build changes</a></li><li><a href="#build-changes-1">Build changes</a></li><li><a href="#code-changes">Code changes</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
|
||||
document.addEventListener('keyup', function(e) {
|
||||
if (e.target !== document.body) {
|
||||
|
||||
@@ -210,7 +210,7 @@
|
||||
<li>The content of <code>Modal</code> components cannot receive focus, see <a href="https://github.com/facebook/react-native/issues/24448">this issue</a> for details.</li>
|
||||
</ul></li>
|
||||
</ul>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/integration-with-existing-apps"><span class="arrow-prev">← </span><span>Integration with Existing Apps</span></a><a class="docs-next button" href="/docs/next/out-of-tree-platforms"><span>Out-of-Tree Platforms</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#build-changes">Build changes</a></li><li><a href="#build-changes-1">Build changes</a></li><li><a href="#code-changes">Code changes</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/integration-with-android-fragment"><span class="arrow-prev">← </span><span>Previous</span></a><a class="docs-next button" href="/docs/next/out-of-tree-platforms"><span>Out-of-Tree Platforms</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#build-changes">Build changes</a></li><li><a href="#build-changes-1">Build changes</a></li><li><a href="#code-changes">Code changes</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
|
||||
document.addEventListener('keyup', function(e) {
|
||||
if (e.target !== document.body) {
|
||||
|
||||
@@ -226,8 +226,8 @@ brew <span class="token function">install</span> watchman
|
||||
<p>If the checkboxes are grayed out, you will have a chance to install these components later on.</p>
|
||||
</blockquote>
|
||||
<p>Once setup has finalized and you're presented with the Welcome screen, proceed to the next step.</p>
|
||||
<p><h4>2. Install the Android SDK</h4></p>
|
||||
<p>Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the <code>Android 10 (Q)</code> SDK in particular. Additional Android SDKs can be installed through the SDK Manager in Android Studio.</p>
|
||||
<p><h4>2. Install the Android SDK and NDK</h4></p>
|
||||
<p>Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the <code>Android 10 (Q)</code> SDK and <code>20.1.5948944</code> NDK in particular. Additional Android SDKs and NDKs can be installed through the SDK Manager in Android Studio.</p>
|
||||
<p>To do that, open Android Studio, click on "Configure" button and select "SDK Manager".</p>
|
||||
<p><block class="native mac android" /></p>
|
||||
<p><img src="/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png" alt="Android Studio Welcome"></p>
|
||||
@@ -243,7 +243,8 @@ brew <span class="token function">install</span> watchman
|
||||
<li><code>Intel x86 Atom_64 System Image</code> or <code>Google APIs Intel x86 Atom System Image</code></li>
|
||||
</ul>
|
||||
<p>Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build-Tools" entry, then make sure that <code>29.0.2</code> is selected.</p>
|
||||
<p>Finally, click "Apply" to download and install the Android SDK and related build tools.</p>
|
||||
<p>After that, to install the Android NDK expand the "NDK (Side by side)" entry, then make sure that <code>20.1.5948944</code> is selected.</p>
|
||||
<p>Finally, click "Apply" to download and install the Android SDK and NDK related build tools.</p>
|
||||
<p><h4>3. Configure the ANDROID_HOME environment variable</h4></p>
|
||||
<p>The React Native tools require some environment variables to be set up in order to build apps with native code.</p>
|
||||
<p><block class="native mac linux android" /></p>
|
||||
|
||||
@@ -226,8 +226,8 @@ brew <span class="token function">install</span> watchman
|
||||
<p>If the checkboxes are grayed out, you will have a chance to install these components later on.</p>
|
||||
</blockquote>
|
||||
<p>Once setup has finalized and you're presented with the Welcome screen, proceed to the next step.</p>
|
||||
<p><h4>2. Install the Android SDK</h4></p>
|
||||
<p>Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the <code>Android 10 (Q)</code> SDK in particular. Additional Android SDKs can be installed through the SDK Manager in Android Studio.</p>
|
||||
<p><h4>2. Install the Android SDK and NDK</h4></p>
|
||||
<p>Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the <code>Android 10 (Q)</code> SDK and <code>20.1.5948944</code> NDK in particular. Additional Android SDKs and NDKs can be installed through the SDK Manager in Android Studio.</p>
|
||||
<p>To do that, open Android Studio, click on "Configure" button and select "SDK Manager".</p>
|
||||
<p><block class="native mac android" /></p>
|
||||
<p><img src="/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png" alt="Android Studio Welcome"></p>
|
||||
@@ -243,7 +243,8 @@ brew <span class="token function">install</span> watchman
|
||||
<li><code>Intel x86 Atom_64 System Image</code> or <code>Google APIs Intel x86 Atom System Image</code></li>
|
||||
</ul>
|
||||
<p>Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build-Tools" entry, then make sure that <code>29.0.2</code> is selected.</p>
|
||||
<p>Finally, click "Apply" to download and install the Android SDK and related build tools.</p>
|
||||
<p>After that, to install the Android NDK expand the "NDK (Side by side)" entry, then make sure that <code>20.1.5948944</code> is selected.</p>
|
||||
<p>Finally, click "Apply" to download and install the Android SDK and NDK related build tools.</p>
|
||||
<p><h4>3. Configure the ANDROID_HOME environment variable</h4></p>
|
||||
<p>The React Native tools require some environment variables to be set up in order to build apps with native code.</p>
|
||||
<p><block class="native mac linux android" /></p>
|
||||
|
||||
@@ -720,7 +720,7 @@ AppRegistry<span class="token punctuation">.</span><span class="token function">
|
||||
<p><block class="objc swift android" /></p>
|
||||
<h3><a class="anchor" aria-hidden="true" id="now-what"></a><a href="#now-what" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Now what?</h3>
|
||||
<p>At this point you can continue developing your app as usual. Refer to our <a href="debugging">debugging</a> and <a href="running-on-device">deployment</a> docs to learn more about working with React Native.</p>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/environment-setup"><span class="arrow-prev">← </span><span>Setting up the development environment</span></a><a class="docs-next button" href="/docs/next/building-for-tv"><span>Building For TV Devices</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#key-concepts">Key Concepts</a></li><li><a href="#prerequisites">Prerequisites</a><ul class="toc-headings"><li><a href="#1-set-up-directory-structure">1. Set up directory structure</a></li><li><a href="#1-set-up-directory-structure-1">1. Set up directory structure</a></li><li><a href="#2-install-javascript-dependencies">2. Install JavaScript dependencies</a></li><li><a href="#3-install-cocoapods">3. Install CocoaPods</a></li></ul></li><li><a href="#adding-react-native-to-your-app">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#command-line-tools-for-xcode">Command Line Tools for Xcode</a></li><li><a href="#configuring-cocoapods-dependencies">Configuring CocoaPods dependencies</a></li><li><a href="#code-integration">Code integration</a></li><li><a href="#test-your-integration">Test your integration</a></li><li><a href="#see-the-code">See the Code</a></li></ul></li><li><a href="#adding-react-native-to-your-app-1">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#configuring-maven">Configuring maven</a></li><li><a href="#enable-native-modules-autolinking">Enable native modules autolinking</a></li><li><a href="#configuring-permissions">Configuring permissions</a></li><li><a href="#cleartext-traffic-api-level-28">Cleartext Traffic (API level 28+)</a></li><li><a href="#code-integration-1">Code integration</a></li><li><a href="#test-your-integration-1">Test your integration</a></li><li><a href="#creating-a-release-build-in-android-studio">Creating a release build in Android Studio</a></li><li><a href="#now-what">Now what?</a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/environment-setup"><span class="arrow-prev">← </span><span>Setting up the development environment</span></a><a class="docs-next button" href="/docs/next/integration-with-android-fragment"><span>Next</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#key-concepts">Key Concepts</a></li><li><a href="#prerequisites">Prerequisites</a><ul class="toc-headings"><li><a href="#1-set-up-directory-structure">1. Set up directory structure</a></li><li><a href="#1-set-up-directory-structure-1">1. Set up directory structure</a></li><li><a href="#2-install-javascript-dependencies">2. Install JavaScript dependencies</a></li><li><a href="#3-install-cocoapods">3. Install CocoaPods</a></li></ul></li><li><a href="#adding-react-native-to-your-app">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#command-line-tools-for-xcode">Command Line Tools for Xcode</a></li><li><a href="#configuring-cocoapods-dependencies">Configuring CocoaPods dependencies</a></li><li><a href="#code-integration">Code integration</a></li><li><a href="#test-your-integration">Test your integration</a></li><li><a href="#see-the-code">See the Code</a></li></ul></li><li><a href="#adding-react-native-to-your-app-1">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#configuring-maven">Configuring maven</a></li><li><a href="#enable-native-modules-autolinking">Enable native modules autolinking</a></li><li><a href="#configuring-permissions">Configuring permissions</a></li><li><a href="#cleartext-traffic-api-level-28">Cleartext Traffic (API level 28+)</a></li><li><a href="#code-integration-1">Code integration</a></li><li><a href="#test-your-integration-1">Test your integration</a></li><li><a href="#creating-a-release-build-in-android-studio">Creating a release build in Android Studio</a></li><li><a href="#now-what">Now what?</a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
|
||||
document.addEventListener('keyup', function(e) {
|
||||
if (e.target !== document.body) {
|
||||
|
||||
@@ -720,7 +720,7 @@ AppRegistry<span class="token punctuation">.</span><span class="token function">
|
||||
<p><block class="objc swift android" /></p>
|
||||
<h3><a class="anchor" aria-hidden="true" id="now-what"></a><a href="#now-what" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Now what?</h3>
|
||||
<p>At this point you can continue developing your app as usual. Refer to our <a href="debugging">debugging</a> and <a href="running-on-device">deployment</a> docs to learn more about working with React Native.</p>
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/environment-setup"><span class="arrow-prev">← </span><span>Setting up the development environment</span></a><a class="docs-next button" href="/docs/next/building-for-tv"><span>Building For TV Devices</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#key-concepts">Key Concepts</a></li><li><a href="#prerequisites">Prerequisites</a><ul class="toc-headings"><li><a href="#1-set-up-directory-structure">1. Set up directory structure</a></li><li><a href="#1-set-up-directory-structure-1">1. Set up directory structure</a></li><li><a href="#2-install-javascript-dependencies">2. Install JavaScript dependencies</a></li><li><a href="#3-install-cocoapods">3. Install CocoaPods</a></li></ul></li><li><a href="#adding-react-native-to-your-app">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#command-line-tools-for-xcode">Command Line Tools for Xcode</a></li><li><a href="#configuring-cocoapods-dependencies">Configuring CocoaPods dependencies</a></li><li><a href="#code-integration">Code integration</a></li><li><a href="#test-your-integration">Test your integration</a></li><li><a href="#see-the-code">See the Code</a></li></ul></li><li><a href="#adding-react-native-to-your-app-1">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#configuring-maven">Configuring maven</a></li><li><a href="#enable-native-modules-autolinking">Enable native modules autolinking</a></li><li><a href="#configuring-permissions">Configuring permissions</a></li><li><a href="#cleartext-traffic-api-level-28">Cleartext Traffic (API level 28+)</a></li><li><a href="#code-integration-1">Code integration</a></li><li><a href="#test-your-integration-1">Test your integration</a></li><li><a href="#creating-a-release-build-in-android-studio">Creating a release build in Android Studio</a></li><li><a href="#now-what">Now what?</a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/docs/next/environment-setup"><span class="arrow-prev">← </span><span>Setting up the development environment</span></a><a class="docs-next button" href="/docs/next/integration-with-android-fragment"><span>Next</span><span class="arrow-next"> →</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#key-concepts">Key Concepts</a></li><li><a href="#prerequisites">Prerequisites</a><ul class="toc-headings"><li><a href="#1-set-up-directory-structure">1. Set up directory structure</a></li><li><a href="#1-set-up-directory-structure-1">1. Set up directory structure</a></li><li><a href="#2-install-javascript-dependencies">2. Install JavaScript dependencies</a></li><li><a href="#3-install-cocoapods">3. Install CocoaPods</a></li></ul></li><li><a href="#adding-react-native-to-your-app">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#command-line-tools-for-xcode">Command Line Tools for Xcode</a></li><li><a href="#configuring-cocoapods-dependencies">Configuring CocoaPods dependencies</a></li><li><a href="#code-integration">Code integration</a></li><li><a href="#test-your-integration">Test your integration</a></li><li><a href="#see-the-code">See the Code</a></li></ul></li><li><a href="#adding-react-native-to-your-app-1">Adding React Native to your app</a><ul class="toc-headings"><li><a href="#configuring-maven">Configuring maven</a></li><li><a href="#enable-native-modules-autolinking">Enable native modules autolinking</a></li><li><a href="#configuring-permissions">Configuring permissions</a></li><li><a href="#cleartext-traffic-api-level-28">Cleartext Traffic (API level 28+)</a></li><li><a href="#code-integration-1">Code integration</a></li><li><a href="#test-your-integration-1">Test your integration</a></li><li><a href="#creating-a-release-build-in-android-studio">Creating a release build in Android Studio</a></li><li><a href="#now-what">Now what?</a></li></ul></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><div><h5>Docs</h5><a href="/docs/getting-started">Getting Started</a><a href="/docs/tutorial">Tutorial</a><a href="/docs/components-and-apis">Components and APIs</a><a href="/docs/more-resources">More Resources</a></div><div><h5>Community</h5><a href="/help">The React Native Community</a><a href="/showcase">Who's using React Native?</a><a href="https://stackoverflow.com/questions/tagged/react-native" target="_blank">Ask Questions on Stack Overflow</a><a href="https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md">Contributor Guide</a><a href="https://dev.to/t/reactnative" target="_blank">DEV Community</a></div><div><h5>More Resources</h5><a href="/blog">Blog</a><a href="https://twitter.com/reactnative" target="_blank">Twitter</a><a href="https://github.com/facebook/react-native" target="_blank">GitHub</a><a href="https://reactjs.org" target="_blank">React</a></div></section><a href="https://code.facebook.com/projects/" target="_blank" class="fbOpenSource"><img src="/img/oss_logo.png" alt="Facebook Open Source" width="170" height="45"/></a><section class="copyright">Copyright © 2020 Facebook Inc.</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));
|
||||
</script><script>window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src='https://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, 'script', 'twitter-wjs'));</script><script>
|
||||
document.addEventListener('keyup', function(e) {
|
||||
if (e.target !== document.body) {
|
||||
|
||||
Reference in New Issue
Block a user