ReactNative開源項目推薦 - iReading (運行)

iReading

是一個新聞閱讀App,Android和iOS雙適配。而且做者還在持續的更新。目前1100+star。

傳送門: https://github.com/attentiveness/reading ,可自行查看項目介紹,線上版本地址,運行說明

集成步驟

    參考文檔:開源地址的MD,權限問題可試一下sudo,

    npm很慢的話能夠換國內源:

        臨時指定:$npm install -gd express --registry=http://registry.npm.taobao.org

        修改配置:$npm config set registry http://registry.npm.taobao.org

1. clone項目下來,cd 項目目錄

2. $(sudo) npm install -g react-native-cli(若是已經配置好了可跳過)
   

3. $(sudo)npm install

4. $react-native start(此爲手動啓動服務,AndroidStudio和Xcode運行項目會自動啓動,通常可跳過)    
   

5. Android版本運行調試:$react-native run-android (第一次比較久,下載配置和依賴,這裏使用AndroidStudio直接打開Android項目,並且由於等Android打開過久,是先運行了iOS)

   1. 修改Android項目目錄下的gradle版本配置爲本身的版本,加載完依賴以下
       

   2. (Build and Run)▶︎,自動啓動服務
      
      

   3. 模擬器運行,(加載錯誤,可嘗試reload),啓動頁面
      

   4. 進入主界面,報一個警告⚠️,後續處理
      

6. iOS版本運行調試($react-native run-ios):

   1. xcode打開項目中的ios文件夾下 reading.xcodeproj

   2. 修改一下bundle Identifier,證書Signing
      

   3. (Build and Run)▶︎,自動啓動服務
      

   4. 真機安裝測試,剛開始如全屏紅色報錯,可嘗試reload,看到的啓動界面
      

    就能夠開始消化了,附上一些其餘一樣優秀的ReactNative開源項目,運行方法相似,(大部分來自江清清)

• f8app-Facebook的例子,7000+star,傳送門: https://github.com/fbsamples/f8app 
• Weather-國外一個天氣預報客戶端,傳送門:https://github.com/stage88/react-weather
• Github Feed-Github客戶端,傳送門:https://github.com/xiekw2010/react-native-gitfeed
• React-Native-NBA-App,傳送門:https://github.com/wwayne/react-native-nba-app
• 高仿"ONE·一個",傳送門:https://github.com/lipeiwei-szu/ReactNativeOne
• Gank.io-乾貨集中營,傳送門:https://github.com/zhongjie-chen/rn_rank
• HackerNews,傳送門:https://github.com/iSimar/HackerNews-React-Native