在上一篇文章,我講解了如何搭建React Native的的環境,相信聰明的你們一定已經學會并已經搭建好了環境,那么這一篇,我們就趁熱打鐵,一起來搞一個我們自己的React Native 項目吧!(我這里只講如何做iOSapp,如果需要同時做安卓app,需要搭建安卓配套環境,請轉步【技術貼】之-mac下安裝Android Studio)
項目的運行環境
xcode 7 以上
執行命令,生成一個工程
我們要創建一個React Native項目,是需要在終端中完成的,首先打開終端,cd到我們想要放工程的目錄后,執行下面的命令: react-native init + 項目名稱 (項目名稱不能以數字或下劃線開頭,只能以字母開頭,這點大家要注意)
由于眾所周知的網絡原因,那我們當然需要等一段時間去喝個酒啊,吃個烤串啊什么的,這樣回來以后我們的項目就基本創建好了,當然也有方法可以將npm的倉庫源替換為國內鏡像,比如:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
但是還是比較慢(哈哈)?
吃完燒烤喝完酒以后回來你就會發現我們的項目已經創建好了
進入到我們的工程文件夾會出現下面的樣子
里面會同時生成一個iOS的項目和一個android的項目,還有一個文件夾node_modules是不可缺少的,里面是存放的是react和react-native的所有組件。
下面我們就以iOS端為例子,我們用xcode來運行iOS的項目(我這里用的xcode版本是7.3.1 其他版本你們自行運行)點擊xcode運行按鈕后,系統會自動調用React-Native的服務器終端,就是會彈出一個終端頁面如下圖
這個終端在運行項目的時候是不能夠關閉的,關閉了它,項目是沒法運行的,所以我們最小化它不去管它,然后蘋果模擬器上是這個樣子
如果你的也是顯示的這樣的,那恭喜你,你已經成功的步入了月薪20k的大門,下一篇,我就要開始講解如何寫React Native項目了!