這段時間不怎麼忙,然後我們公司產品說讓給了個需求讓用rn去實現,我當時還不樂意,根本就不會rn搞個屁啊,產品真的很煩,每天都會問進度,我們老大也說不會了那就學,於是我就打算搞一搞,好啦 不bb啦 說重點
環境搭建:
android安裝:
這個就不這裡多說了。
準備工具:node, python2, jdk
文件上還說要設定映象:yarn config set registry --global
yarn config set disturl --global
因為伺服器要國外的,所以我們要設定成我們國內的伺服器。
react native安裝:
在終端裡輸入 npm install -g react-native-cli命令下面我們就是等待它安裝完畢就可以了
新建工程:
在終端輸入
react-native init rndemo
初始化工程 這一步也是需要漫長的等待
從上圖我們可以看到這預設生成乙個android工程,乙個ios工程,還有兩個index檔案,乙個android的js檔案,乙個ios的js檔案,以及乙個node_modules資料夾和package.json檔案,這兩個都是執行所需要的檔案。
之後進入到工程目錄下:
cd rndemo
執行工程:
react-native run-android
本來覺得我的第乙個工程就跑成功了,結果報錯了,白高興一場,心情都要炸了
真的是一臉懵逼,後來檢視資料解決辦法如下:
react native學習筆記
react native專題 新建專案 react native init 專案名 執行專案 react native run android npm config set registry npm config set disturl var register require 在 工程目錄下的 v...
學習筆記 React Native
近期專案需要,使用 react native,ios 封裝好介面,js 呼叫介面獲取資料並在js 介面上展現。個人感覺還是比較方便,某些ui js做起來還是比較快的。但效率會稍微差些。不過 react native 的優點確實很多,例如 跨平台,動態載入,修改js介面後省去了編譯時間。由於剛剛接觸 ...
React Native 學習筆記
非常好的入門學習資料 由 lxykad分享 github popular開發教程,原始碼解析,專案總結 react native 問題及解決方案合集 react native 效能優化 react native 每日一學 每天乙個知識點 技巧,經驗,填坑日記等 每天學一點,離大神近一點。react ...