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



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

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


  • administrators

    这个是你做的啊,厉害!



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



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



  • 好的,收到,谢谢啦



  • 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



  • @weineeL 同样报错



  • 火钳刘明火钳刘明火钳刘明火钳刘明,这个必须顶!



  • @weineeL

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


  • administrators

    @weineeL 说:

    Naming collision detected

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



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



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



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



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



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



  • @phpsmarter

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



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



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



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


  • administrators

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



  • @sunnylqm
    谢谢,我去研究下


登录后回复