poberwong/react-native-gank

made for gank.io

Attention:

My another excellent project deserved learning is react-native-cx

React-Native-Gank

为 Gank.io 做的一个 React-Native 移动客户端

感谢文哥的 Gank.io 提供数据

Download (Android) : Gank

欢迎页面

• 首页

• 历史列表页

• 内容详情页

• WebView页

• About页

添加主要逻辑

• WebView、About、内容详情页的逻辑书写
• 欢迎页的实现（花费了点小心思喔）

Usage

(Android,iOS可完美跨平台，具体操作: )

1. 安装以及正确调试 React-Native 开发环境（支持 Windows／OSX）
2. clone 本项目之后，在根目录下使用 npm install 命令来安装项目中依赖的所有依赖库
3. 运行:
   • iOS版本: 点开 ios 文件夹下的ReactNativeGank.xcodeproj 运行程序
   • Android: 在项目根目录下，使用terminal or iterm等其他工具运行 react-native run-android 来运行

如果出现了其他的一些问题，欢迎提交issues，也欢迎提交PR，本人会认真核对每一条issues和PR的～

感谢 代码家 的 Gank.io 的数据支持，感谢 Veaer 同学的 Gank-Vear 项目设计和指点，非常感谢自始至终老板对我整个学习路程的指导......

Wanted

Product Manager
More positions please click here

成功入职有奖喔~ 简历快砸过来！！！

react-native-gank's Issues

首先，多谢你的贡献，下面有个问题，ios跑不起来，请看一下

• react-native bundle --entry-file index.ios.js --platform ios --dev true --bundle-output /Users/Michael/Library/Developer/Xcode/DerivedData/ReactNativeGank-gdlgyuyapoaikxfstgokwtmhuicm/Build/Products/Debug-iphoneos/ReactNativeGank.app/main.jsbundle --assets-dest /Users/Michael/Library/Developer/Xcode/DerivedData/ReactNativeGank-gdlgyuyapoaikxfstgokwtmhuicm/Build/Products/Debug-iphoneos/ReactNativeGank.app
  ../node_modules/react-native/packager/react-native-xcode.sh: line 49: react-native: command not found
  Command /bin/sh failed with exit code 127

Android crash

Could not download stetho.jar

执行 react-native run-android 报以下错误

`A problem occurred configuring project ':app'.

Could not download stetho.jar (com.facebook.stetho:stetho:1.2.0)
Could not get resource 'https://jcenter.bintray.com/com/facebook/stetho/stetho/1.2.0/stetho-1.2.0.jar'.
> Could not GET 'https://jcenter.bintray.com/com/facebook/stetho/stetho/1.2.0/stetho-1.2.0.jar'.
> Connection to https://akamai.bintray.com refused`

下载不到 stetho.jar 其实我是已经翻墙了的，不知你遇到过这个问题没

找不到 RCTRootView.h

Gank/ios/ReactNativeGank/AppDelegate.m:12:9: 'RCTRootView.h' file not found

我是直接clone 的你项目运行的

React-Native开发需要看哪些书籍，求推荐

目前做前端和iOS开发，开个issues，问哈需要看哪些书籍
O(∩_∩)O谢谢

运行时候的问题

不知道是不是我手机原因。我一运行就跑到设置里面的应用管理去了（魅族）。（好像我自己新的项目运行也会自动跳到应用列表，然后按返回才会到app界面），然后我按了返回就回到桌面了、完全没有走启动的感觉。。

react-native-navigationba -找不到

需要在哪里配置么？

Application ReactNativeGank hasnot been registered...

Android版本在Win7下无法安装运行

可以跑自己的小demo。
不过无法安装这个开源项目。
以下是在Terminal中的命令。

Welcome to Git (version 1.9.5-preview20150319)

Run 'git help git' to display the help index.
Run 'git help ' to display help for specific commands.

GongZelong@HECOM-PC /D/AndroidSelfTrainingProject/React-Native-Gank (master)
$ npm install
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\fbjs requires core-js@'^1.0.0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\core-js,
npm WARN unmet dependency which is version 2.4.0
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-register\node_modules\source-map-support
requires source-map@'0.1.32' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\source-map,
npm WARN unmet dependency which is version 0.4.4
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-react-transform requires lodash@'^4.6.1' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-es2015-classes\node_modules\babel-template requires lodash@'^4.2.
0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-es2015-classes\node_modules\babel-traverse requires lodash@'^4.2.
0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-es2015-classes\node_modules\babel-helper-define-map requires loda
sh@'^4.2.0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-es2015-function-name\node_modules\babel-helper-function-name\node
_modules\babel-traverse requires lodash@'^4.2.0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-es2015-function-name\node_modules\babel-helper-function-name\node
_modules\babel-template requires lodash@'^4.2.0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-es2015-parameters\node_modules\babel-traverse requires lodash@'^4
.2.0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-es2015-parameters\node_modules\babel-template requires lodash@'^4
.2.0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-preset-react-native\node_modules\babel-pl
ugin-transform-regenerator\node_modules\babel-traverse requires lodash@'^4.2.0'
but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\lodash,
npm WARN unmet dependency which is version 3.10.1
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\fbjs-scripts\node_modules\babel requires babel-
core@'^5.6.21' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\babel-core,
npm WARN unmet dependency which is version 6.10.4
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\fbjs-scripts\node_modules\babel requires source
-map@'^0.5.0' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\source-map,
npm WARN unmet dependency which is version 0.4.4
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\uglify-js\node_modules\yargs\node_modules\cliui
requires wordwrap@'0.0.2' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\react-native\node_modules\wordwrap,
npm WARN unmet dependency which is version 1.0.0
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\escope\node_modules\es6-map\node_modules\es5-ext requ
ires es6-symbol@'~3.0.2' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\escope\node_modules\es6-map\node_modules\es6-symbol,
npm WARN unmet dependency which is version 3.1.0
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\escope\node_modules\es6-weak-map\node_modules\es5-ext
requires es6-symbol@'~3.0.2' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\escope\node_modules\es6-weak-map\node_modules\es6-sym
bol,
npm WARN unmet dependency which is version 3.1.0
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\handlebars\node_modules\uglify-js requires async@'~0.
2.6' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\handlebars\node_modules\async,
npm WARN unmet dependency which is version 1.5.2
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\handlebars\node_modules\uglify-js requires source-map
@'~0.5.1' but will load
npm WARN unmet dependency d:\AndroidSelfTrainingProject\React-Native-Gank\node_m
odules\eslint\node_modules\handlebars\node_modules\source-map,
npm WARN unmet dependency which is version 0.4.4

GongZelong@HECOM-PC /D/AndroidSelfTrainingProject/React-Native-Gank (master)
$ react-native run-android
module.js:327
throw err;
^

Error: Cannot find module 'core-js/fn/array/values'
at Function.Module._resolveFilename (module.js:325:15)
at Function.Module.load (module.js:276:25)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object. (d:\AndroidSelfTrainingProject\React-Native-Gank\node
modules\react-native\packager\babelRegisterOnly.js:11:27)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)

关于项目中Navigator组件使用的问题

在Facebook的官方文档中，可以看到Navigator的常规使用的方法，在学习你的开源项目中，回过头看你Navigator组件用法中，有一些不明白的地方
` <Navigator
ref={component => this.navigator = component}

      initialRoute={{
        component: HomePage
      }}
      renderScene={(route, navigator) => { // 用来渲染navigator栈顶的route里的component页面
        // route={component: xxx, name: xxx, ...}， navigator.......route 用来在对应界面获取其他键值
      return <route.component navigator={navigator} {...route} {...route.passProps}/>// {...route.passProps}即就是把passProps里的键值对全部以给属性赋值的方式展开 如：test={10}
    }}/>

在你的用法中，我不明白ref={component => this.navigator = component}这段代码的意思？希望能了解下，这段代码的设计的作用和用法的意思，谢谢

启动项目后卡在首屏进不去了

启动项目后卡在首屏进不去了

请问是什么原因导致的呢？

apk 安装 就停在splash界面了

apk 安装 就停在splash界面了，使用android5.0系统

rctwebsocket文件报错啦。。

Xcode 11。模拟器。

下载了项目，npm install 报了一堆错。降级回 node 8 才解决了。然后重新 install ，成功了。

打开 xcodeproj, 编译， 在 rctwebsocket 报错了。google了一下，把警告去了。

再编译，有报错。解决一下。

再编译，又报错了。rctscrollview没有refreshcontrol :
Use of undeclared identifier '_refreshControl'; did you mean 'refreshControl'?

晕？？

请问一下react-native-navigationbar 这个在哪里可以找到？

我这边现在报错是Unknown named module:'react-native-navigationbar'

Possible Unhandled Promise Rejection(id:0)

Something Error

一进页面就出现Something Error，gank的source是不是变了呀？？前几天还能显示的列

第一次运行失败，提示Unhandled JS Exception

Unhandled JS Exception: Application ReactNativeGank has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent.

安装后打开加载js错误

启动app报错

undefined is not an object( evaluating 'screenPhysicalPixels.width')

npm server

Hi, in your project run curl 'http://localhost:8081/index.ios.bundle?platform=ios' -o main.jsbundle
--result:
[2:33:22 PM] Crawling File System (9204ms)
[2:33:22 PM] Building in-memory fs for JavaScript
[2:33:23 PM] Building in-memory fs for JavaScript (650ms)
[2:33:23 PM] Building in-memory fs for Assets
[2:33:24 PM] Building in-memory fs for Assets (615ms)
[2:33:24 PM] Building Haste Map
[2:33:24 PM] Building (deprecated) Asset Map
[2:33:24 PM] Building (deprecated) Asset Map (104ms)
[2:33:24 PM] Building Haste Map (659ms)
[2:33:24 PM] Building Dependency Graph (11147ms)
[2:33:33 PM] request:/index.ios.bundle?platform=ios
[2:33:33 PM] find dependencies
[2:33:34 PM] find dependencies (351ms)
[2:33:34 PM] transform
transforming [========================================] 100% 412/413Error while persisting cache: TransformError: /Users/new/Downloads/React-Native-Gank-master/node_modules/react-deep-force-update/lib/index.js: [BABEL] /Users/new/Downloads/React-Native-Gank-master/node_modules/react-deep-force-update/lib/index.js: Unknown option: /Users/new/Downloads/React-Native-Gank-master/node_modules/react-deep-force-update/.babelrc.stage

but on react-native project sample, run curl 'http://localhost:8081/Examples/UIExplorer/UIExplorerApp.ios.bundle?platform=ios' -o main.jsbundle
--result:
[2:37:28 PM] Crawling File System (21888ms)
[2:37:28 PM] Building in-memory fs for JavaScript
[2:37:29 PM] Building in-memory fs for JavaScript (1515ms)
[2:37:29 PM] Building in-memory fs for Assets
[2:37:31 PM] Building in-memory fs for Assets (1487ms)
[2:37:31 PM] Building Haste Map
[2:37:31 PM] Building (deprecated) Asset Map
[2:37:31 PM] Building (deprecated) Asset Map (190ms)
[2:37:32 PM] Building Haste Map (1103ms)
[2:37:32 PM] Building Dependency Graph (26011ms)
[2:37:59 PM] request:/Examples/UIExplorer/UIExplorerApp.ios.bundle?platform=ios
[2:37:59 PM] find dependencies
[2:38:00 PM] find dependencies (631ms)
[2:38:00 PM] transform
transforming [========================================] 100% 513/513
[2:38:07 PM] transform (6487ms)

Command `run-android` unrecognized. Did you mean to run this inside a react-native project?

运行失败，，

npm install 之后 在ios模拟器中运行报错 求解

苹果系统跑步起来，还望指点

git clone xx
Cd react-native-gank
cnpm install
React-native run-ios

ios模拟器红屏:
cannot find entry file index.ios.js inany of the roots:[“users/用户名/public/react-native-gank/node_modules/_react-native@0.25.1@react-native"]

loadMore时出错

undefined is not an object(evaluating 'contentData.results.福利[0]')

内容详情页遇到问题

你好！我按照你的代码学习的，但是DailyContent.js页面展示的效果不对，具体表现是：文字有重叠现象，即好几行文字摞在一起了（我把你的整个DailyContent.js代码都粘贴上去还是那样，我怀疑是node_modules中相关依赖文件的问题）。请指教。谢谢！

react-native run-android 时 出现错误

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':app:installDebug'.

  Failed to install on any devices.

• Try:
  Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.