、##社區(qū)react native iOS 端常見問題與解決方案
一娩怎、搭建環(huán)境
需要資源
硬件
mac 電腦
軟件
xcode
nodejs
Homebrew //Mac系統(tǒng)的包管理器帕识，用于安裝NodeJS和一些其他必需的工具軟件泛粹。
Yarn //React Native的命令行工具（react-native-cli）
Watchman //由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具。安裝此工具可以提高開發(fā)時的性能（packager可以快速捕捉文件的變化從而實現(xiàn)實時刷新）肮疗。
Flow //靜態(tài)的JS類型檢查工具
安裝環(huán)境
安裝Homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
在Max OS X 10.11（El Capitan)版本中晶姊，homebrew在安裝軟件時可能會碰到/usr/local目錄不可寫的權限問題∥被酰可以使用下面的命令修復：
sudo chown -R `whoami` /usr/local
配置node源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
安裝Yarn
npm install -g yarn react-native-cli
如果你看到EACCES: permission denied這樣的權限報錯们衙，那么請參照上文的homebrew譯注钾怔，修復/usr/local目錄的所有權：
sudo chown -R `whoami` /usr/local
安裝xcode
下載完成后執(zhí)行默認安裝即可
安裝Watchman
brew install watchman
安裝Flow
brew install flow
二、新建工程
在目標文件夾中輸入命令蒙挑，初次執(zhí)行此命令時間稍長
react-native init AwesomeProject //初始化一個名為 AwesomeProject 的項目
模擬器運行項目
啟動項目（兩種方式）
1宗侦、命令啟動方式進入項目目錄執(zhí)行 react-native run-ios
cd AwesomeProject && react-native run-ios
2、xcode啟動項目
雙擊打開工程目錄下 ios/AwesomeProject.xcodeproj文件忆蚀，這個文件是iOS工程文件矾利。
功能簡介：
- ??圖標表示運行設備，模擬器或者真機馋袜，需要手動選擇（目前只能選擇模擬器）
- 左上角三角形
run - 黑色正方形：停止run
選擇一個模擬器
點擊黑色三角形即可運行項目
三男旗、調(diào)試
聚焦到模擬器上
選擇左上角 Hardware/Shake Gesture 此時會在模擬器上呼出調(diào)試面板
- 點擊 Debug JS 瀏覽器會自動打開
http://localhost:8081/debugger-ui頁面，任何在react antive中的console即可在這個頁面的控制臺展示 - Enable Live Reload 開啟自動刷新頁面功能欣鳖，項目中保存后頁面自動刷新
四察皇、模擬器基本操作快捷鍵
-
cmd + r鍵刷新模擬器頁面 -
cmd + shift + h回到主頁（相當于真機按下home鍵） -
cmd + shift + h + h快速點擊兩次 h （相當于雙擊home鍵）
真機運行
雙擊打開工程目錄下
ios/AwesomeProject.xcodeproj文件啟動xcode將手機連接到電腦，并在手機彈框上點擊 信任
單擊左側(cè)欄工程名观堂，打開控制面板让网，選擇
General下的Signing，勾選Autimatically manage signing在
Team選項中選擇add an account添加自己的開發(fā)者賬號在左上角黑色正方形旁邊的設備中選擇連接電腦的iphone名稱师痕，中間頂部狀態(tài)欄會展示當前設備準備情況溃睹。
當設備準備就緒后 點擊黑色三角形或者按下
cmd + r鍵運行程序，隨后手機上即可安裝安裝ok后點擊圖標啟動app胰坟，如果彈出需要信任證書則進入
系統(tǒng)設置-通用-設備管理中找到相關證書因篇，點擊驗證即可*進入app界面后搖晃手機即可呼出開發(fā)者面板，即可選擇自動刷新或者 調(diào)試模式
溫馨提示：搖晃手機記得拿穩(wěn)
五笔横、修改icon竞滓，appname和啟動畫面
修改icon
- appstore 搜索 Prepo 下載安裝
- 啟動Prepo 將需要的圖標（一張原圖）拖放到軟件中即可生成全部類型的icon，導出即可
- xcode中打開項目
- 將導出的icon拖到對應的地方吹缔，2x商佑、3x表示倍數(shù)。大小為像素厢塘，例如第一個圖標為 20x2=40像素 的圖標
- 重新運行項目即可看到圖標
