
一.ReactNative 環(huán)境搭建
1.參考指南
reactnative.cn/docs/0.48/getting-started.html#content?
ReactNative 中文網(wǎng),集成步驟詳細(xì),按步驟一步步來,這里就不贅述了。
2.遇到的問題
如果你按照上述步驟走完,恭喜你,RN環(huán)境搭建完成了!
但是你很可能會(huì)遇到以下問題!
問題一:如果你使用Xcode打開工程并運(yùn)行的話,會(huì)報(bào)如下錯(cuò)誤

報(bào)錯(cuò)的原因是react的依賴沒有添加成功
解決辦法參考問題二
問題二:如果你用終端執(zhí)行 react-native run-ios命令運(yùn)行項(xiàng)目的話,會(huì)報(bào)如下錯(cuò)誤

這是因?yàn)椋瑥膔eact0.45版本以后需要下載boost編譯,而外網(wǎng)被和諧了。
解決辦法:
方法一:在工程所在目錄,打開package.json,做如下修改

將版本改為0.44.3
修改完成之后,commond+s保存文件,然后刪除node_modules文件夾
在終端執(zhí)行命令:npm install
最后執(zhí)行命令:react-native run-ios 或者使用Xcode打開工程并運(yùn)行
方法二:重新創(chuàng)建工程
步驟1:react-native init AwesomeProject --version 0.44.3
步驟2:cd AwesomeProject
步驟3:react-native run-ios? 或者使用Xcode打開工程并運(yùn)行
BUILD SUCCEEDED!!!

二.開發(fā)工具的選擇
1.WebStorm(本人使用中,詳細(xì)介紹)
2.Sublime Text
3.官方開發(fā)工具Nuclide
WebStorm打開React Native的正確姿勢(shì)
步驟一:導(dǎo)入你所創(chuàng)建的React Native工程
步驟二:下載ReactNative.jar包 并導(dǎo)入
下載方法:? 打開終端,cd到指定文件夾,例如cd Desktop? ,然后輸入命令:
git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
導(dǎo)入jar包:File->Default Settings->ReactNative.jar

步驟3:設(shè)置.js文件默認(rèn)以jsx的語(yǔ)法打開

步驟4:勾選ECMAScript-6

完成這些操作以后,就不會(huì)有黃色或者紅色的警告了,還具備了代碼補(bǔ)全提示功能。
本人也是RN新手一枚,寫下此篇只為記錄成長(zhǎng),文筆有限,還請(qǐng)多指教!
ps: 提供一個(gè)鏈接,非常全的ReactNative 問題集錦
www.itdecent.cn/p/98c8f2a970eb