使用React Native和Expo快速構建原生移動iOS和Android應用程式

banq發表於2019-03-19
React NativeiOSAndroid

當您想開發一個新的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-new-project
cd my-new-project
expo start


掃描應用程式二維碼以在裝置上執行它
您將在終端和Dev Tools中看到QR碼。要在您的裝置上開啟您的專案，只需使用Android上的Expo Client應用程式或使用iOS上的Camera應用程式的內建QR程式碼掃描器掃描QR程式碼。

立即檢視您的更改

  • 編輯主螢幕 screens/HomeScreen.js
  • 觀看您的裝置重新整理


 

相關文章