【React Native】文件翻譯閱讀紀錄 - 基礎 - 開始吧
 |
| Facebook Open Source React Native |
開始吧
此頁面將幫助您安裝和構建您的第一個React Native應用程序。 如果您已經安裝了React Native，則可以跳到教程。
快速開始
創建React Native App是開始構建新的React Native應用程序的最簡單方法。 它允許您啟動項目而無需安裝或配置任何工具來構建本機代碼 - 無需安裝Xcode或Android Studio（請參閱警告）。
假設您已安裝Node，則可以使用npm來安裝create-react-native-app命令行實用程序：
假設您已安裝Node，則可以使用npm來安裝create-react-native-app命令行實用程序：
npm install -g create-react-native-app
然後運行以下命令以創建名為“AwesomeProject”的新React Native項目：
create-react-native-app AwesomeProject
cd AwesomeProject
npm start
這將為您啟動一個開發服務器。
運行React Native應用程序
在iOS或Android手機上安裝Expo客戶端應用程序，並連接到與計算機相同的無線網絡。 在Android上，使用Expo應用程序掃描終端的QR碼以打開您的項目。 在iOS上，按照屏幕上的說明獲取鏈接。
修改您的應用
現在您已經成功運行了應用程序，讓我們對其進行修改。 在您選擇的文本編輯器中打開App.js並編輯一些行。 保存更改後，應用程序應自動重新加載。
完成
恭喜！ 您已成功運行並修改了第一個React Native應用程序。
接下來呢?
- 創建React Native App還有一個用戶指南，如果您對該工具有特殊疑問，可以參考該用戶指南。
- 如果無法使其正常工作，請參閱“創建React本機應用程序的自述文件”中的“疑難解答”部分。
如果您想了解有關React Native的更多信息，請繼續閱讀教程。
在模擬器或虛擬設備上運行您的應用程序
創建React Native App使得在物理設備上運行React Native應用程序非常容易，無需設置開發環境。如果您想在iOS模擬器或Android虛擬設備上運行您的應用程序，請參閱使用本機代碼構建項目的說明，以了解如何安裝Xcode和設置Android開發環境。
設置好後，您可以通過運行npm run android在Android虛擬設備上啟動應用程序，或者通過運行npm run ios（僅限macOS）在iOS模擬器上啟動應用程序。
設置好後，您可以通過運行npm run android在Android虛擬設備上啟動應用程序，或者通過運行npm run ios（僅限macOS）在iOS模擬器上啟動應用程序。
注意事項
因為在使用Create React Native App創建項目時不構建任何本機代碼，所以除了React Native API和Expo客戶端應用程序中可用的組件之外，不可能包含自定義本機模塊。
如果您知道最終需要包含自己的本機代碼，那麼Create React Native App仍然是一個很好的入門方式。在這種情況下，您最終只需要“彈出”以創建自己的本機構建。如果確實彈出，則需要“使用本機代碼構建項目”說明繼續處理項目。
創建React Native App會將項目配置為使用Expo客戶端應用程序支持的最新React Native版本。在React Native版本發布穩定後大約一周，Expo客戶端應用程序通常會獲得對給定React Native版本的支持。您可以查看此文檔以了解支持的版本。
如果要將React Native集成到現有項目中，則需要跳過Create React Native App並直接設置本機構建環境。選擇“使用本機代碼構建項目”，以獲取有關為React Native配置本機構建環境的說明。
如果您知道最終需要包含自己的本機代碼，那麼Create React Native App仍然是一個很好的入門方式。在這種情況下，您最終只需要“彈出”以創建自己的本機構建。如果確實彈出，則需要“使用本機代碼構建項目”說明繼續處理項目。
創建React Native App會將項目配置為使用Expo客戶端應用程序支持的最新React Native版本。在React Native版本發布穩定後大約一周，Expo客戶端應用程序通常會獲得對給定React Native版本的支持。您可以查看此文檔以了解支持的版本。
如果要將React Native集成到現有項目中，則需要跳過Create React Native App並直接設置本機構建環境。選擇“使用本機代碼構建項目”，以獲取有關為React Native配置本機構建環境的說明。
0 意見