Expo是一套工具，庫和服務(wù)，可讓您通過編寫JavaScript來構(gòu)建原生iOS和Android應(yīng)用程序。
一開始學(xué)習(xí)的時候直接使用的是expo。
npx create-expo-app my-app
cd my-app
npm run start
接下來需要搭建安卓和IOS端（為此特意換成了蘋果電腦），主要參考的是 這里。
先說說比較容易大家的蘋果系統(tǒng)：（在此之前記得先安裝node)
# 先安裝brew，使用國內(nèi)的地址
/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"
# 安裝watchman(mac可以安裝)
brew install watchman
# 在開發(fā)過程中會用到npm, 建議切換源
npx nrm use taobao
可以通過 App Store 或是到Apple 開發(fā)者官網(wǎng)上下載Xcode，下載完成之后啟動 Xcode，并在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個版本的Command Line Tools。
接下來你可以在Xcode中新建一個IOS項目：
CocoaPods是官方推薦安裝的，可以理解為針對 iOS 的 npm
brew install cocoapods
到這里IOS安裝完成，可以在項目中執(zhí)行npm run ios。
接下來是安卓的安裝，這里強(qiáng)調(diào)需要確保上網(wǎng)自由?。?！
# 名為 Zulu 的 OpenJDK 發(fā)行版。此發(fā)行版同時為 Intel 和 M1 芯片提供支持
brew tap homebrew/cask-versions
brew install --cask zulu11
# 查看jdk是否安裝成功
javac -version
首先下載和安裝 Android Studio，這里我直接采用了標(biāo)準(zhǔn)的安裝模式。需要等很久～
安裝成功之后，打開軟件,在 Android Studio 的歡迎界面中找到 SDK Manager。點擊"Configure"，然后就能看到"SDK Manager"。
在 SDK Manager 中選擇"SDK Platforms"選項卡，然后在右下角勾選"Show Package Details"。展開Android 13 (Tiramisu)選項，確保勾選了下面這些組件：
Android SDK Platform 33-
Intel x86 Atom_64 System Image（官方模擬器鏡像文件，使用非官方模擬器不需要安裝此組件）或是Google APIs ARM 64 v8a System Image（針對 Apple Silicon 系列機(jī)型）
然后點擊"SDK Tools"選項卡，同樣勾中右下角的"Show Package Details"。展開"Android SDK Build-Tools"選項，確保選中了 React Native 所必須的33.0.0版本。你可以同時安裝多個其他版本。
之后配置環(huán)境變量：
# 在終端中執(zhí)行
vim ~/.zshrc
# 輸入單字母i，表示進(jìn)入輸入模式insert
# 將下列內(nèi)容進(jìn)行粘貼：
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
# 按esc
# 輸入 :wq 注意是三個字符而不是兩個
# 使環(huán)境變量設(shè)置立即生效
source ~/.zshrc
#檢查此變量是否已正確設(shè)置
echo $ANDROID_HOME
新建安卓項目，點擊運行，那么此時就會彈出一個模擬器了，確保了安卓項目是可以打開模擬器的。
建議到這一步，還是重啟一下電腦，然后回到我們的react native項目中，測試一波：
npm run start
# 然后按下a打開安卓模擬器
# 打開之后再按下i，打開ios模擬器
文章來源：http://www.zghlxwxcb.cn/news/detail-611540.html
到這里就安裝完成了～文章來源地址http://www.zghlxwxcb.cn/news/detail-611540.html
到了這里，關(guān)于【React Native】學(xué)習(xí)記錄（一）——環(huán)境搭建的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
