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

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

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

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

　　您將需要的工具

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

　　終端/Bash 應用程序，例如，iTerm 2、蘋果終端等。

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

　　您需要的套餐

　　創(chuàng)建反應應用

　　世博框架

　　雷杜克斯

　　紗線或無紡紗線

　　設(shè)置項目

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

　　在代碼編輯器中打開該項目。

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

　　設(shè)置應用程序后，使用終端應用程序 cd 進入它，然后運行該應用程序。

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

　　設(shè)置紅帽商店

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

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

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

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

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

　　將應用程序連接到 Redux 商店

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

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

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

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