廢話不多說,你真的要拋開以前做原生的經驗用react-native來做app了么?
這意味著你要更新你的原生的編程思想,把他稍微中和點web的編程方式來,這對于你可能是很陌生的,不能適應惡心頭暈想吐,可惜你還是只能硬吃!不然它怎么叫Webapp呢?!
=====================樸素的分割線=======================
既然你看到這里了兄弟,你從心里已經做好了準備!(風蕭蕭兮易水寒,壯士一去兮不復返!)
直接放上github,我們一步一步來看,我們做一個app,可能會用到些什么!
https://github.com/castielLi/WeGuess
在邊克隆代碼的時候我們先來理一理我們初次見面react-native就會遇到的坑!環境....
對于一個原生開發的人來說(ios,android我并不了解....對不起),我們安裝的東西是很少的,我們接觸的工具除了編譯器就是cocoapods,有的人甚至連pods都不用,但是對于一個react-native開發的app來說說,我們要接觸的工具那是相當的多,例如:我們獲取安裝一個第三方庫是手動添加它的.a 或者.o 文件,帥氣點的方式是通過cocoapods來進行第三方組件的管理。對于react-native來說,它有很多cocoapods類似的工具: npm , yarn , brew ?吧啦吧啦吧,所以看到這么多工具的起頭命令時千萬別慌張,硬吃!如果你遇到你喜歡的第三方不是同一個管理工具下的,不要擔心!你只需要保證你下載的是最新的版本,剩下的就只能聽天由命了。因為現在react-native已經是0.44版本,更新之迅速,之間還伴隨了node.js的更新,所以你若用的最新版本,那么這個第三方可能用的了,用的過時版本這個第三方肯定用不了!就會出現各種紅屏:
can not ?found module from 'xxxxx'
經過我這段時間的埋坑,大多數出現這個情況都是因為你的組件版本已經過時,我猜想是因為組件版本編寫時其相關聯的react或者node等文件的文件結構已經改變,導致在原來的路徑下已經找不到對應的文件了,如果有大神知道實情還請留言告知,共同進步。
默認大家已經安裝了nodejs. 那么很開心的是nodejs里面自帶了一個npm,保證他們倆是最新的版本!
然后按照react-native的官方文檔里面說的安裝react-native-cli,按照官方的走,暫時別去相信其他的腳手架。
那么到此為止我們已經具備了開發一個react-native 的helloworld的所有具備條件
“開發工具呢?你沒說” ? 我們繼續.....
=====================樸素的分割線=======================
如果你想有個較好的開發體驗,react-native我接觸到的基本上都是通過控制臺輸入命令
請較好的掌握常用的命令特別是我們上面三個環境的命令node npm react-native-cli