react-native Tips

  • 運行rn代碼的過程中,不小心關閉了終端:
    不用擔心,其實只要你切到項目的根目錄,命令行輸入npm start即可,這樣即可開發(fā)終端監(jiān)聽。實際上也是node.js的監(jiān)聽服務開啟而已。

  • 在該目錄下可以找到rn的所有的參數屬性等等:
    flex屬性聲明在:/node_modules/react-native/Libraries/StyleSheet/LayoutPropTypes.js

  • 如何運行官方Demo呢
    這里是reactnative的官方demo地址,要想運行這個demo一定要嚴格按照官方文檔來,否則會走彎路(像我一樣,哈哈),如果點擊的是download zip,那么你就會遇到一系列錯誤:運行出來的程序出現紅屏。蛋疼的要死,執(zhí)行了 npm start也不管用,所以還是老老實實的用git clone下來然后再打開運行就沒有問題了。

  • webStorm 在mac下的真對react-native的比較實用的快捷鍵分享
快捷鍵 執(zhí)行
cmd + d 在下一行復制當前行
command + b / 點擊 定位方法
command + option +L 代碼格式化
command + e 打開最近打開的文件或者項目 (直接支持文件名搜索)
command + / 注釋/取消注釋
command + shift + / 注釋/取消注釋
control + tab 切換上次打開的文件
command + shift + f 全局搜索內容
command + f 當前頁搜索
command + shift + o 搜索文件
command + shift + v 選擇粘貼剪切板上的內容
command + 退格鍵 刪除當前鼠標所在行
command + option + 左右箭頭 定位到上次編輯的位置
command + option + 上下箭頭 依次順序輪換激活打開的標簽頁
command + j 輸出模板
command + b 跳到變量聲明處
F2 或Fn+F2 高亮錯誤或警告快速定位
  • 在哪里搜索第三方庫和第三方插件
    地址:JS.coach或者github,一般是由JavaScript編寫的一般都是支持iOS和Android的。

  • react-native init時卡住腫么辦
    我個人建議多等一會應該就可以了,但是等了很久都不可以的話

譯注:由于眾所周知的網絡原因,react-native命令行從npm官方源拖代碼時會遇上麻煩。請將npm倉庫源替換為國內鏡像:

  npm config set registry https://registry.npm.taobao.org
  npm config set disturl https://npm.taobao.org/dist```
另,執(zhí)行init時切記不要在前面加上sudo(否則新項目的目錄所有者會變?yōu)閞oot而不是當前用戶,導致一系列權限問題,請使用chown修復)。 又,react-native.cn中文網提供了完整的綠色純凈新項目包。完整打包全部iOS和Android的第三方依賴,只要環(huán)境配置正確,無需科學上網漫長等待,解壓后即可直接運行。

 * 不要重復創(chuàng)建工程
一般情況下,init一個HelloWorld工程一出來看下工程包的大小,200M+,是不是感到很無奈,針對初學者沒創(chuàng)建一個demo,就要init一個工程這簡直太low,最少要考慮一下你電腦硬盤的感受啊,有的人會注釋掉之前寫的代碼,但是一個文件里注釋的不注釋的一大推看起來十分的凌亂,我的建議是大家在相同的目錄下創(chuàng)建一個幾乎同名的js文件,例如`index2.ios.js`,復制原版的`index.ios.js`也可以,然后打開Appdelegate.m文件,修改為你新文件的目錄就可以了,例如:

ES6: jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index2.ios" fallbackResource:nil];
ES5: jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index2.ios.bundle?platform=ios&dev=true"];

這樣你就可以在新文件里面編輯或者測試的新代碼了,而不用重復的創(chuàng)建工程。

 * 根據package.json恢復node_modules

npm install ```
在引用第三方庫的時候盡量加上--save
這一步中--save或--save-dev參數是非常重要的。rnpm需要根據package.json文件中的dependencies和devDependencies記錄來鏈接庫。
例:npm install xxx --save

  • 是不是感覺state和props有些類似?
    一般區(qū)分兩個的原則是,可變的放在state中,不可變的放在props中。 
    初始化
es5
class *** extends React.Component{ getInitialState: function() { return {liked: false}; }}```

es6
class *** extends React.Component{ constructor(props) { super(props); this.state = {liked: false}; }}```
修改值es5和es6中使用方法相同。this.setState(新的state對象);
讀取值其實就是讀取一個js對象。

  • 在RN中是沒有button的,但是有類似的組件,而且在RN中,連Text都有onPress事件(也就是點擊事件)這是跟很多語言不一樣的地方。

~/.bashrc

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
  • webstorm 雙擊shift鍵,就會出現search anywhere,這個是我無意間瞎按按出來的,大家可以多嘗試,學習新語言就是填坑的過程,不要怕遇到問題,解決問題的過程就是學習的過程。

  • webstorm -> preferences-> File and CodeTemplates 設置創(chuàng)建工程初始化文件

Command `run-ios` unrecognized. Did you mean to run this inside a react-native project?```
解決方法


`Have you installed the latest version of react-native-cli globally?`

npm uninstall -g react-native-cli
npm install -g react-native-cli
npm install --save react-native@latest

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,488評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 98,034評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,327評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,554評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,337評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,883評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,975評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,114評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 48,625評論 1 332
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,555評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,737評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,244評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 43,973評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,615評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,343評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,699評論 2 370

推薦閱讀更多精彩內容