React Native ios環境的搭建

2022-06-10 14:09:06 字數 1647 閱讀 9316

本文基於rn中文網。

要在mac系統上搭建rn環境:

一、安裝homebrew。它是一款mac os平台下的軟體包管理工具。

詳見homebrew的安裝這篇文章。

二、安裝node和watchman,用homebrew在命令列進行安裝

brew install node

brew install watchman

如果已經安裝了node,請檢查其版本是否在 v10 以上。命令列輸入

node -v
即可查詢安裝版本。安裝完node後建議設定npm映象以加速後面的過程。

注意:不要使用cnpm! cnpm 安裝的模組路徑比較奇怪,packager 不能正常識別!

npm config set registry  --global

npm config set disturl --global

watchman(看門人)是由 facebook 提供的監視檔案系統變更的工具。安裝此工具可以提高開發時的效能(packager 可以快速捕捉檔案的變化從而實現實時重新整理)。

三、安裝yarn和react-native-cli。

npm install -g yarn react-native-cli
安裝完yarn後同理也要設定映象源:

yarn config set registry  --global

yarn config set disturl --global

安裝完yarn之後就可以用yarn代替npm了,例如用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...