ReactNative學(xué)習(xí)筆記(一)


一.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


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 上帝打開的那扇窗 因著項(xiàng)目的需要,學(xué)習(xí)RN有一段時(shí)間了,但自己的基礎(chǔ)實(shí)在是太差,大大小小的問題遇到過無數(shù),也謝謝其...
    一樹青楓閱讀 699評(píng)論 0 0
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,192評(píng)論 25 708
  • 前言 學(xué)習(xí)本系列內(nèi)容需要具備一定 HTML 開發(fā)基礎(chǔ),沒有基礎(chǔ)的朋友可以先轉(zhuǎn)至 HTML快速入門(一) 學(xué)習(xí) 本人...
    珍此良辰閱讀 2,406評(píng)論 3 9
  • 看看時(shí)間,已經(jīng)晚上十點(diǎn)多了。 再看看手機(jī),沒有期待的消息,在抬頭看看有些灰蒙蒙的天空,一席涼風(fēng)夾雜著細(xì)雨鋪打在我的...
    三月煙霞閱讀 236評(píng)論 0 1
  • 困了π_π,本來打算七八點(diǎn)就寫的,逛個(gè)空間又百度下邯鄲,再逛個(gè)途牛,拖到現(xiàn)在,都困了~拖延歸拖延,寫還是要寫的。為...
    黑曼木木閱讀 274評(píng)論 1 1

友情鏈接更多精彩內(nèi)容