這篇文章是“跟我一起學react-native”系列文章的第一篇。這系列文章會持續更新。想要跟我一起學習React Native的朋友可以關注我的微信公眾號iOS進階指南,或者訂閱我的個人博客。
背景
最近想要做一款新聞類的App,主要特點是把新聞事件按照時間線整理出來方便跟蹤事情的發展。
作為一個雷(xia)厲(bi)風(dao)行(gu)的程序員肯定說干就干。
俗話說不想火的應用不是好App,想要更多的用戶肯定不能只局限于一個平臺,那就要讓這個應用同時登陸安卓和iOS兩個平臺。但是我作為一個萬年iOSer,現在從頭開始學安卓恐怕有點不趕趟了。
根據當前敵我態勢和惡劣的環境,跨平臺開發成為了最優選擇。
那怎么樣達到跨平臺開發的目的呢?根據百度爸爸的指導和以往的所見所聞,就要在阿里的weex和Facebook的react-native中二選一了。
從這篇文章的標題來看,大家肯定知道要選rn,其實最開始我選的是weex,奈何經過三四天的奮戰和四處求教,我實在是沒有搞定環境,在這里不得不說weex的官方文檔真的可以稱為簡陋,當然我可能是因為我前幾天手賤把Mac的系統升級到了Mojave。
在不得不放棄weex以后,只能??RN能給點面子。多虧上天眷顧,環境稍微折騰了一下就搞定了。
環境搭建
-
安裝Node和Watchman
brew install node brew install watchman
其中,node需要是8或者更新的版本。Watchman是Facebook用來監視文件系統更改的工具,RN強烈建議使用。
-
安裝React Native command line interface.
npm install -g react-native-cli
-
創建項目
react-native init rn-test
-
運行項目
cd rn-test react-native run-ios
項目默認會在iPhone 6的模擬器上運行。
iPhone 6 Screenshot
至此,環境搭建完成,這個過程中如遇到問題可以參考遇到的問題和解決方案
如果這篇文章能為你提供些許的幫助,我將不勝榮幸。如果你能慷慨的點個贊或者關注我,我將萬分感激。