在移動應用程序開發方面,您選擇的框架是什么?原生反應,一個由Facebook開發的開源框架,建立在 React 框架之上。它允許開發人員使用 JavaScript 創建跨平臺的 iOS 和安卓應用程序。
它不同于使用 JavaScript 的其他跨平臺框架,因為應用程序邏輯在 JavaScript 中運行,并且生成的應用程序 UI 是 100% 本機的。這意味著您不必處理通常與管理基于HTML5的UI相關的許多妥協。
設置開發環境
確保您的開發環境已使用正確的包安裝了 Node。如果您使用的是 Mac,則可以使用蘋果模擬器和安卓模擬器。如果您使用的是 Windows 或 Linux,則只能使用安卓模擬器進行測試。但是,您應該能夠將物理設備連接到任一操作系統,以測試手機上的應用程序。
您將需要的工具
IDE 或代碼編輯器,例如可視化工作室代碼
終端/Bash 應用程序,例如,iTerm 2、蘋果終端等。
瀏覽器中安裝的冗余開發工具
您需要的套餐
創建反應應用
世博框架
雷杜克斯
紗線或無紡紗線
設置項目
在桌面上創建一個文件夾,并為其指定應用的名稱。
在代碼編輯器中打開該項目。
使用您的終端 cd 進入項目目錄,并設置一個樣板反應本機應用程序。使用以下代碼:
設置應用程序后,使用終端應用程序 cd 進入它,然后運行該應用程序。
您應該會看到該應用程序在瀏覽器中運行。現在,您可以安裝一些軟件包并清理 React 應用程序的樣板。
設置紅帽商店
您已經設置并運行了 React 原生應用程序,現在您可以開始在 Redux 商店中工作。您將需要一個存儲.js文件和文件夾來存儲操作和縮減器。
在 src 文件夾中創建一個商店.js文件,然后輸入以下代碼以設置 Redux 商店。
創建卡片減速器
現在創建一個名為 actions 的空文件夾和一個名為 reducers 的空文件夾,并將它們放在 src 文件夾中。
進入化簡器文件夾并創建一個名為 index.js。
將應用程序連接到 Redux 商店
最后,將操作和化簡器連接到主 App.js 文件。首先創建一個 App.css文件,并將其放在 src 文件夾的根目錄中。
您現在可以根據需要向應用程序添加樣式。
如果您正確執行了所有操作,則應該看到該應用程序在移動設備上正常工作!您可能需要重新加載瀏覽器或重新啟動模擬器或手機才能看到它正常工作。
雖然以本地語言開發移動應用程序將使您能夠獲得iOS或Android可以提供的所有武器,但將具有更快開發速度的React Native技術帶到桌面上將節省您的軟件項目的時間和金錢。在本文中,我們介紹了如何使用 React Native 構建跨平臺移動應用程序。