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

ReactNative · 發表 2019-03-19 11:47:00

摘要：當您想開發一個新的APP，您希望儘快從使用者那裡獲得反饋，看看這個想法是否有支援，並開始對其進行改進，一旦人們嘗試以後，反饋就會不斷進來，然後你才得以不斷改進。因此，我們的主要目標是儘可能快地從使用該APP的使用者那裡獲得真實的使用者反饋。在這篇文章中，我們將開始建立一個應用程式，...

當您想開發一個新的APP，您希望儘快從使用者那裡獲得反饋，看看這個想法是否有支援，並開始對其進行改進，一旦人們嘗試以後，反饋就會不斷進來，然後你才得以不斷改進。

因此，我們的主要目標是儘可能快地從使用該APP的使用者那裡獲得真實的使用者反饋。

在這篇文章中，我們將開始建立一個應用程式，並且可以在5分鐘內與其他人分享，這樣他們就可以在您構建時為您提供反饋。

次要目標

快速原因：

鑑於這些目標，目前可用的最佳工具集之一是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程式碼。

立即檢視您的更改