本文基於rn中文網。
要在mac系統上搭建rn環境:
一、安裝homebrew。它是一款mac os平台下的軟體包管理工具。
詳見homebrew的安裝這篇文章。
二、安裝node和watchman,用homebrew在命令列進行安裝
brew install node如果已經安裝了node,請檢查其版本是否在 v10 以上。命令列輸入brew install watchman
node -v即可查詢安裝版本。安裝完node後建議設定npm映象以加速後面的過程。
注意:不要使用cnpm! cnpm 安裝的模組路徑比較奇怪,packager 不能正常識別!
npm config set registry --globalwatchman(看門人)是由 facebook 提供的監視檔案系統變更的工具。安裝此工具可以提高開發時的效能(packager 可以快速捕捉檔案的變化從而實現實時重新整理)。npm config set disturl --global
三、安裝yarn和react-native-cli。
npm install -g yarn react-native-cli安裝完yarn後同理也要設定映象源:
yarn config set registry --global安裝完yarn之後就可以用yarn代替npm了,例如用yarn config set disturl --global
yarn
代替npm install命令,用yarn add
某第三方庫名代替npm install某第三方庫名。
四、安裝xcode,xcode為ide。
五、建立新專案,先試下建立0.44.3(低版本的)的應用。
啟動模擬器(simulator),出現如下報錯。
此時,修改node_modules/react-native/react/base/rctmodulemethod.m(或是mm)檔案,在rctparseunused方法中增加一行
static bool rctparseunused(const重新啟動模擬器即可。char **input)
六、建立高版本應用(0.59.1)
執行
react-native init awesomeproject --version 0.59.1安裝成功即可執行init命令,init成功則點選xcode中的run鍵即可成功顯示頁面。
出現以上報錯,則在專案根目錄執行命令
npm start即可。
React Native iOS環境搭建
1.安裝homebrew homebrew主要用於安裝後面需要安裝的watchman flow 開啟mac的終端,輸入如下命令 ruby e curl fssl 2.安裝nvm和nodejs nvm是用於nodejs版本管理的工具,用於安裝nodejs。對於nvm應該可以使用brew直接安裝,但是我...
React Native iOS推送整合
首先是ios推送流程,這篇文章有了比較詳細的描述,大家可以了解一下 ios推送流程 而本文主要是針對的需求是在已擁有自己的推送伺服器的情況下,怎麼在js端獲取已註冊的device token,並將其交由後台去儲存。今後的推送流程就是,當有訊息需要推送時,後台呼叫推送伺服器相應介面傳遞訊息,推送伺服器...
React Native iOS環境搭建
react native 開發環境配置 前段時間react native for android發布,感覺react native會越來越多的公司開始研究 使用。所以週六也抽空搭建了ios的開發環境,以便以後利用空閒的時間能夠學習一下。廢話不多說了,下面簡單的列出步驟吧。1.安裝homebrew h...