您好,歡迎來(lái)電子發(fā)燒友網(wǎng)! ,新用戶(hù)?[免費(fèi)注冊(cè)]

您的位置:電子發(fā)燒友網(wǎng)>源碼下載>數(shù)值算法/人工智能>

安卓轉(zhuǎn)戰(zhàn)React-Native

大?。?/span>0.5 MB 人氣: 2017-10-10 需要積分:1
最近又有新的項(xiàng)目立項(xiàng),所以好久都沒(méi)有寫(xiě)博客了,然后都是利用閑暇時(shí)間來(lái)學(xué)習(xí)React-native。
  由于安卓和ios的就業(yè)環(huán)境給移動(dòng)端開(kāi)發(fā)帶來(lái)前所未有的沖擊,于是乎很多伙伴們不得不另謀他路,然后現(xiàn)在比較火爆的Hybird和react-native也是對(duì)我們移動(dòng)端的影響比較大,比如去面試會(huì)問(wèn)你會(huì)nodej或者react不,前端工程師(js)轉(zhuǎn)移動(dòng)端的門(mén)檻變得很低,angularjs和reactjs都很不錯(cuò),并且6月底阿里開(kāi)源weex,估計(jì)很多人對(duì)weex還是特別期待的,唉,只能拿知識(shí)武裝自己咯。
  安卓開(kāi)發(fā)者眼中的react-native
  react-native是fackbook的f8峰會(huì)提出的,哈哈據(jù)我所知攜程就已經(jīng)使用了,效果還不錯(cuò),據(jù)說(shuō)是比angularjs還輕的東西,所以果斷還是優(yōu)先選擇這個(gè),什么ionic+corvoda+angularjs的模式實(shí)在玩不動(dòng),然后要去學(xué)的話(huà)真的是花費(fèi)太多的時(shí)間,綜合考慮還是react-native更具有現(xiàn)實(shí)意義。
  坑逼的react-native for android
  首先,不得不吐槽一下react-native團(tuán)隊(duì),但是更多是覺(jué)得facebook的牛逼,f8短短8小時(shí)搞出來(lái)如此強(qiáng)大的東西,項(xiàng)目代碼是在mac上開(kāi)發(fā),也是首先支持mac平臺(tái)下開(kāi)發(fā)的,windows平臺(tái)是后來(lái)拓展的,特別是android是在ios出來(lái)以后好幾月才搞的,所以搭建個(gè)開(kāi)發(fā)環(huán)境一坑接一坑,在Windows下搭建React Native Android開(kāi)發(fā)環(huán)境不可謂不艱辛,真的是苦了我這安卓dog。前前后后折騰了好幾天,總算成功了,這里記錄一下所遇到問(wèn)題,希望能幫助想學(xué)習(xí)一下react-native 的android開(kāi)發(fā)的后來(lái)者。
  react說(shuō)是比angular輕,然后看了一下演示效果確實(shí)是不錯(cuò)的,雖說(shuō)是一個(gè)基于view來(lái)開(kāi)發(fā)的東西,比微信的卡頓好多了,你說(shuō)微信體驗(yàn)不怎么好的webapp也能火到爆,看來(lái)react-native是有發(fā)展的前景的,會(huì)react真的是進(jìn)可攻退可守,但是react-native坑多無(wú)極限,所以對(duì)我來(lái)說(shuō)也是一大考驗(yàn)。
  links:
  react-native官網(wǎng):http://facebook.github.io/react-native/
  react-native中文網(wǎng):http://reactnative.cn/
  react-native中文社區(qū):http://bbs.reactnative.cn/
  windows下react-native android環(huán)境搭建
  對(duì)于react-native在windows下特別是安卓的環(huán)境配置總是會(huì)遇到這樣或者那樣的坑,但是那能怎么辦: 既然選擇了就是泥沙俱下我們也要前行。
  jdk和android sdk的配置
  本人是Android原生開(kāi)發(fā),特么再熟悉不過(guò)了這一步對(duì)于我可以忽略,但是react或者ios轉(zhuǎn)過(guò)來(lái)想學(xué)react-native android的還是有必要知道的。
  官方文檔是建議我們安裝android studio2.0或以上版本然后sdk是去里面下載,本人開(kāi)發(fā)是2.1.1的,然后要開(kāi)發(fā)安卓必須安裝jdk的java開(kāi)發(fā)環(huán)境,個(gè)人推薦jdk1.8。
  其實(shí)本人認(rèn)為android studio什么的都是次要的,主要是一整套下來(lái)好配置點(diǎn),沒(méi)有照樣還是能夠開(kāi)發(fā)發(fā)的呀,說(shuō)這話(huà)的原因就是sdk離線(xiàn)下載快多了(http://www.androiddevtools.cn/資料很全的,你要下死丟丟也可以的?。緜兿螺d好了記得配置環(huán)境變量很重要。
  官方推薦需要安裝的如下圖:
  安卓轉(zhuǎn)戰(zhàn)React-Native
  非java開(kāi)發(fā)的注意了,配好了如下圖:
  安卓轉(zhuǎn)戰(zhàn)React-Native
  上圖只能說(shuō)明已經(jīng)配置了,還得驗(yàn)證是否成功,看下圖:
  安卓轉(zhuǎn)戰(zhàn)React-Native
  安卓轉(zhuǎn)戰(zhàn)React-Native
  安裝NodeJs(坑一)
  官網(wǎng)下載地址:http://nodejs.cn/
  很簡(jiǎn)單的一步,下載安裝,環(huán)境都是自動(dòng)配置好的,最后也是配置全局環(huán)境到path,我下載的是v5.8.0的版本。
  cmd中運(yùn)行如下命令,安裝react-native工具:
  npm install -greact-native-cli
  我的沒(méi)有問(wèn)題,但是看見(jiàn)群里說(shuō)有人出問(wèn)題了(win7)
  運(yùn)行結(jié)果很奇怪,沒(méi)有提示安裝成功,也沒(méi)有提示安裝錯(cuò)誤,然而運(yùn)行react-native命令,提示命令不存在。
  解決方案:安裝v4.x.x低版本,不要安裝v5.x.x高版本
  公司電腦出現(xiàn)了,個(gè)人電腦是win10沒(méi)有出現(xiàn)問(wèn)題。
  安裝Git版本控制
  git下載:https://git-scm.com/download/win
  反正一路next好了,記得配置環(huán)境到path。

非常好我支持^.^

(0) 0%

不好我反對(duì)

(0) 0%

      發(fā)表評(píng)論

      用戶(hù)評(píng)論
      評(píng)價(jià):好評(píng)中評(píng)差評(píng)

      發(fā)表評(píng)論,獲取積分! 請(qǐng)遵守相關(guān)規(guī)定!

      ?