iOS菜鳥,本周開始了react native的學(xué)習(xí)感局。
(一)環(huán)境安裝
官網(wǎng)寫的很詳細(xì)婉烟,我覺得就沒必要重新再啰嗦了。
官網(wǎng)地址:
http://reactnative.cn/docs/0.46/getting-started.html
(二)新建第一個(gè)項(xiàng)目
1.打開“終端”輸入
react-native init MyApp --version 0.44.3
注意:init命令默認(rèn)會(huì)創(chuàng)建最新的版本呜投,而目前最新的0.45及以上版本需要下載boost庫編譯。此庫體積龐大存璃,在國內(nèi)即便翻墻也很難下載成功仑荐,導(dǎo)致很多人無法正常運(yùn)行iOS項(xiàng)目,推薦暫時(shí)使用0.44.3的版本纵东。
2.創(chuàng)建成功后cd到項(xiàng)目路徑下
cd MyApp
3.運(yùn)行該項(xiàng)目
react-native run-ios
P.S 我是運(yùn)行iOS粘招,如果運(yùn)行安卓就輸入
react-native run-android
我創(chuàng)建了一個(gè)練習(xí)文件,可供練習(xí)偎球,這五個(gè)練習(xí)完成應(yīng)該就能初步知道怎么交互了洒扎。包括我的學(xué)習(xí)路線怎么完成也會(huì)慢慢更新~
地址是:https://github.com/XingXiaoWu/React-Native-First
不如隨手點(diǎn)個(gè)star讓樓主也開心一整天~
無星的RN學(xué)習(xí)之旅(二)-RN與原生的通信
無星的RN學(xué)習(xí)之旅(三)-bridge is not set.
無星的RN學(xué)習(xí)之旅(四)——通信、持久化存儲(chǔ)甜橱、xcode打包
無星的RN學(xué)習(xí)之旅(五)-關(guān)于react-navigation多層級頁面返回時(shí)逊笆,去掉逐層推出動(dòng)畫
無星的RN學(xué)習(xí)之旅(六)-第三方App跳轉(zhuǎn),蘋果商店跳轉(zhuǎn)岂傲,loading框