使用React Native和Expo快速構建原生移動iOS和Android應用程式
當您想開發一個新的APP,您希望儘快從使用者那裡獲得反饋,看看這個想法是否有支援,並開始對其進行改進,一旦人們嘗試以後,反饋就會不斷進來,然後你才得以不斷改進。
因此,我們的主要目標是儘可能快地從使用該APP的使用者那裡獲得真實的使用者反饋。
在這篇文章中,我們將開始建立一個應用程式,並且可以在5分鐘內與其他人分享,這樣他們就可以在您構建時為您提供反饋。
次要目標
- Native App - 不是在瀏覽器中執行的響應式Web應用程式,一個完全原生的應用程式
- 跳過應用商店 - 在應用商店中獲得批准的應用是一個耗時且耗時的過程。
快速原因:
- 沒有Apple開發者計劃註冊(99美元+天)
- 沒有建立程式碼簽名證書
- 沒有從計算機到裝置的電纜
- 沒有在Xcode中編譯
- 沒有上傳到TestFlight
- 沒有邀請使用者使用TestFlight
- 沒有應用商店稽核流程
鑑於這些目標,目前可用的最佳工具集之一是React Native和Expo。
React 是一個用於構建使用者介面的宣告性,高效且靈活的JavaScript庫。
React Native 是一個使用React構建原生iOS和Android應用程式的框架。
Expo 是一種快速建立React Native應用程式的工具。使用Expo,您可以啟動一個新應用程式,在瀏覽器中預覽,然後在您自己的裝置上檢視,並立即與他人分享(5分鐘)。
Snack 是一個輕量級的Expo線上IDE,允許您在幾秒鐘內在瀏覽器中執行程式碼。它非常適合快速實驗和分享示例。
去snack.expo.io 。你會看到一些程式碼和iPhone的影象,帶有一個大的“點選播放”按鈕。點選它,應用程式將在裝置模擬器中啟動。
如果你更改程式碼,它會自動更新。
安裝Expo工具鏈
首先,安裝Node.js 最新版本。
其次,安裝Node的Expo包。
npm install expo-cli --global
第三步,在您的裝置上安裝expo移動應用程式。無論是iOS 還是Android 。
建立一個新的APP
安裝完所有內容後,您可以從終端執行以下命令,以便在開發中執行新的應用程式。
expo init my-<b>new</b>-project cd my-<b>new</b>-project expo start
掃描應用程式二維碼以在裝置上執行它
您將在終端和Dev Tools中看到QR碼。要在您的裝置上開啟您的專案,只需使用Android上的Expo Client應用程式或使用iOS上的Camera應用程式的內建QR程式碼掃描器掃描QR程式碼。
立即檢視您的更改
- 編輯主螢幕 screens/HomeScreen.js
- 觀看您的裝置重新整理