在移動(dòng)應(yīng)用程序開發(fā)方面，您選擇的框架是什么?原生反應(yīng)，一個(gè)由Facebook開發(fā)的開源框架，建立在 React 框架之上。它允許開發(fā)人員使用 JavaScript 創(chuàng)建跨平臺(tái)的 iOS 和安卓應(yīng)用程序。

　　它不同于使用 JavaScript 的其他跨平臺(tái)框架，因?yàn)閼?yīng)用程序邏輯在 JavaScript 中運(yùn)行，并且生成的應(yīng)用程序 UI 是 100% 本機(jī)的。這意味著您不必處理通常與管理基于HTML5的UI相關(guān)的許多妥協(xié)。

　　設(shè)置開發(fā)環(huán)境

　　確保您的開發(fā)環(huán)境已使用正確的包安裝了 Node。如果您使用的是 Mac，則可以使用蘋果模擬器和安卓模擬器。如果您使用的是 Windows 或 Linux，則只能使用安卓模擬器進(jìn)行測(cè)試。但是，您應(yīng)該能夠?qū)⑽锢碓O(shè)備連接到任一操作系統(tǒng)，以測(cè)試手機(jī)上的應(yīng)用程序。

　　您將需要的工具

　　IDE 或代碼編輯器，例如可視化工作室代碼

　　終端/Bash 應(yīng)用程序，例如，iTerm 2、蘋果終端等。

　　瀏覽器中安裝的冗余開發(fā)工具

　　您需要的套餐

　　創(chuàng)建反應(yīng)應(yīng)用

　　世博框架

　　雷杜克斯

　　紗線或無紡紗線

　　設(shè)置項(xiàng)目

　　在桌面上創(chuàng)建一個(gè)文件夾，并為其指定應(yīng)用的名稱。

　　在代碼編輯器中打開該項(xiàng)目。

　　使用您的終端 cd 進(jìn)入項(xiàng)目目錄，并設(shè)置一個(gè)樣板反應(yīng)本機(jī)應(yīng)用程序。使用以下代碼：

　　設(shè)置應(yīng)用程序后，使用終端應(yīng)用程序 cd 進(jìn)入它，然后運(yùn)行該應(yīng)用程序。

　　您應(yīng)該會(huì)看到該應(yīng)用程序在瀏覽器中運(yùn)行?，F(xiàn)在，您可以安裝一些軟件包并清理 React 應(yīng)用程序的樣板。

　　設(shè)置紅帽商店

　　您已經(jīng)設(shè)置并運(yùn)行了 React 原生應(yīng)用程序，現(xiàn)在您可以開始在 Redux 商店中工作。您將需要一個(gè)存儲(chǔ).js文件和文件夾來存儲(chǔ)操作和縮減器。

　　在 src 文件夾中創(chuàng)建一個(gè)商店.js文件，然后輸入以下代碼以設(shè)置 Redux 商店。

　　創(chuàng)建卡片減速器

　　現(xiàn)在創(chuàng)建一個(gè)名為 actions 的空文件夾和一個(gè)名為 reducers 的空文件夾，并將它們放在 src 文件夾中。

　　進(jìn)入化簡器文件夾并創(chuàng)建一個(gè)名為 index.js。

　　將應(yīng)用程序連接到 Redux 商店

　　最后，將操作和化簡器連接到主 App.js 文件。首先創(chuàng)建一個(gè) App.css文件，并將其放在 src 文件夾的根目錄中。

　　您現(xiàn)在可以根據(jù)需要向應(yīng)用程序添加樣式。

　　如果您正確執(zhí)行了所有操作，則應(yīng)該看到該應(yīng)用程序在移動(dòng)設(shè)備上正常工作!您可能需要重新加載瀏覽器或重新啟動(dòng)模擬器或手機(jī)才能看到它正常工作。

　　雖然以本地語言開發(fā)移動(dòng)應(yīng)用程序?qū)⑹鼓軌颢@得iOS或Android可以提供的所有武器，但將具有更快開發(fā)速度的React Native技術(shù)帶到桌面上將節(jié)省您的軟件項(xiàng)目的時(shí)間和金錢。在本文中，我們介紹了如何使用 React Native 構(gòu)建跨平臺(tái)移動(dòng)應(yīng)用程序。