30 days of React Native, 30个边学边做的RN小应用

wei

一个自己边学边做的小项目，受 30DaysofSwift的启发。
用RN做了些原生或者主流应用的界面/功能，涵盖了许多主要的RN和原生的api：3d touch, Touch ID, push notifications 等等，也用到了许多流行的插件。欢迎star或fork。

guthub：https://github.com/fangwei716/30-days-of-react-native

晴明

这个是你做的啊，厉害！

爱笑的人运气不会太差

可以可以，楼主厉害啊，请问楼主这些当中有没有写和数据库或者后台交互这方面的啊？我最近刚学，碰到这个问题，还没找到demo，求指导一下

wei

@爱笑的人运气不会太差没有...没有连上后台，你可以自己写个后台连上。node.js网上教程很多吧

爱笑的人运气不会太差

好的，收到，谢谢啦

weineeL

mac上报错

Failed to build DependencyGraph: Naming collision detected: /Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/node_modules/react/node_modules/fbjs/lib/warning.js collides with /Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/node_modules/react-native/node_modules/fbjs/lib/warning.js
Error: Naming collision detected: /Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/node_modules/react/node_modules/fbjs/lib/warning.js collides with /Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/node_modules/react-native/node_modules/fbjs/lib/warning.js
at HasteMap._updateHasteMap (HasteMap.js:132:13)
at HasteMap.js:103:28
at tryCallOne (/Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/node_modules/react-native/node_modules/promise/lib/core.js:37:12)
at /Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/node_modules/react-native/node_modules/promise/lib/core.js:123:15
at flush (/Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/node_modules/react-native/node_modules/promise/node_modules/asap/raw.js:50:29)
at nextTickCallbackWith0Args (node.js:420:9)
at process._tickCallback (node.js:349:13)

npm ERR! Darwin 15.3.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v4.4.4
npm ERR! npm v2.15.1
npm ERR! code ELIFECYCLE
npm ERR! ThirtyDaysOfReactNative@0.0.1 start: node node_modules/react-native/local-cli/cli.js start
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ThirtyDaysOfReactNative@0.0.1 start script 'node node_modules/react-native/local-cli/cli.js start'.
npm ERR! This is most likely a problem with the ThirtyDaysOfReactNative package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node node_modules/react-native/local-cli/cli.js start
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs ThirtyDaysOfReactNative
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR! npm owner ls ThirtyDaysOfReactNative
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/weinee/Desktop/RN-demo/30-days-of-react-native-master/npm-debug.log

jabbarwockeez

@weineeL 同样报错

Jeff

火钳刘明火钳刘明火钳刘明火钳刘明，这个必须顶！

wei

@weineeL

不知道你是否全局安装过 npm install -g react-native-cli ？好像报错中有这个问题。我自己试过安装，没出现这个问题，你能否告诉我出现这个问题的步骤。另外我会把node_modules文件夹传到github上，如果是npm install步骤出错，可以考虑直接下载我的node_modules文件夹。

晴明

@weineeL 说：

Naming collision detected

这个报错多半是由于npm2（由node 4.x版本自带）引起的
现在建议升级到node 5.x以上（自带npm3）然后删除现有的node_modules，重新npm install，可以解决冲突问题

weineeL

@sunnylqm 我用node6.1在执行npm install是报错，现在在下载node5.11.1。

weineeL

@sunnylqm node5.11.1可以运行的起来。

wei

@weineeL
Thanks. 我把node的version要求先写上了v5.x.
如果其他node版本可以支持(或者方法解决npm报错)，也请运行成功的朋友告知。

weineeL

@wei 不用不用，我现在还是菜鸟，以后有问题多多关照啊。

phpsmarter

这个app需要xcode 需要升级到7.3.1才可以运行吗？好像7.0的ios 版本不支持
还有就是里面用了 cocoa pods 的依赖。这个怎么用不太理解，能够给讲讲呢？

wei

@phpsmarter

rn使用cocoapods的官方教程你可以去看看，我只是复制了blog里面的过程。另外，我不确定是不是7.31才能用，我好像没有用到xcode新版的功能，理论上不需要吧。

kinshasa

我下载了30-days-of-react-native项目，运行后无法跳转其他项目呀。
删除注释 import Day1，component: Day1， _jumpToDay(index){，跳转报错哦。
his.props.navigator对象未定义。求解

wei

@kinshasa
你好像在运行，android 版本。
android版本目前还在正在计划中，有兴趣的可以pr。（由于react-native-swiper 还未支持android，所以很多day都报错。）

kinshasa

@wei 了解，多谢啦。app做的很棒，谢谢分享。~~

晴明

@wei 可以用react-native-swiper2或者react-native-viewpager代替