ofo ReactNative 仿版(主要是做 iOS版本)
原因
之前一直想做個 ReactNative 關(guān)于地圖相關(guān)的 demo ,然后近兩天在群里看見有人發(fā)的 RN 做的 ofo 共享單車的仿版(主要是針對安卓的),就想著乘著這幾天活不多,也做一個,用下最新的 RN 版本(0.44),本來是想體驗一下一些新特性的,目前主要還是在40以下做項目,主要考慮版本兼容,不過目前看也差不多可以升級40以上了,至于這個 ofo 仿版還是有很多沒有用到新的特性的東西,好了話不多說,上效果圖;
效果圖
| iOS | 安卓 |
|---|---|
|
|
package.json
"native-base": "^2.1.3",
"react": "16.0.0-alpha.6",
"react-native": "0.44.0",
"react-native-blur": "^3.0.0-alpha",
"react-native-camera": "^0.8.0",
"react-native-maps": "^0.15.0",
"react-native-scrollable-tab-view": "^0.6.6",
"react-native-share": "^1.0.20",
"react-native-simple-toast": "^0.0.6",
"react-navigation": "^1.0.0-beta.9"
主要用到的一些依賴,時間比較匆忙,有些沒有兼容兩個平臺,特別是安卓,地圖的沒有做到很詳細(xì);
項目怎么跑起來
- 把本倉庫下載或者克隆下來; Github 地址:
https://github.com/strawferry/reactnativeofo - 前往倉庫目錄,終端執(zhí)行
npm install或者yarn; - 終端執(zhí)行
react-native link,鏈接相關(guān)的依賴; - 然后運行項目;
感謝
當(dāng)時在群里看到這個倉庫,發(fā)現(xiàn)做的還不錯,但是主要是針對安卓的,當(dāng)時 iOS 適配比較差,就想著搞一個出來;
React Native 仿 ofo 共享單車 App http://www.marno.cn
