kailuo99/toutiao

一款基于react-native 的ios android版 资讯头条 APP

react-native-toutiao

一款使用react native 开发的ios、android版的资讯头条APP。

实现的功能有：

1. 手势支持的切换界面
2. 下拉刷新
3. 上拉加载更多
4. 收藏功能

目标

1. 版本1.0[基本完成！]
   功能简单，基本可用，尽量少使用第三方组件。
2. 版本2.0[将要开发...]
   扩展功能，添加动画。之前的基础上优化性能，减少内存消耗。

使用的组件

1. 图标： oblador/react-native-vector-icons
2. 获取设备信息：rebeccahughes/react-native-device-info

大家运行遇到的问题，这里统一答复

1. 缺少头文件 RCTBoderStyle.h

方法：这个问题是因为 node_modules/react-native/React/Views/目录下没有RCTBorderStyle.h文件造成的。node_modules下面的东西都是通过npm安装的。删除node_modules目录，重新执行npm install 应该就能解决了。

使用方式IOS

需要对react-native有所了解，不会配置环境请查看官方文档。

模拟器运行

1. 下载/解压压缩包 或者 git clone https://github.com/kailuo99/toutiao.git 源码
2. cd toutiao && npm install
3. 打开ios目录下的toutiao.xcodeproj，再xcode中点击run。

手机在线使用

1. 再xcode 中修改 Appdelegate.m .将里面的localhost改成你电脑的IP。电脑和手机需要在同一个局域网下。
2. 点击xcode中的run。 Note:
   1. 如果出现因为安全不能运行的提示
      依次执行：手机中的设置-通用-设备管理-信任。点击实例icon，即可运行。

手机离线使用

1. 去掉注释 Appdelegate.m 里面的注释，详情看文档。
2. 项目目录下执行：react-native bundle --dev false --platform ios --bundle-output main.jsbundle --entry-file index.ios.js
3. XCODe下执行：你的项目->build settings->Linking->Dead Code Stripping设置为No.
4. XCODe下执行：菜单->product->scheme->edit scheme->run->build config 设置为 release，debug executable 去掉。

第一步是为了将js bundle包进行压缩。2、3步是为了去掉 shake your phone 模式。

#使用方式ANDROID

1. 安装说明请看官方文档。
2. 离线安装：./toutiao.apk，下载安装即可。

截图

---

toutiao's Issues

使用react-native run-ios构建你的项目时提示如下错误？

是什么文件返回的数据格式不是json？

list 文件里的 tmp 是什么意思？

不能用啊

RCTBorderStyle.h not found

yergoo数据没有了

http://www.yergoo.com/news 里没有数据了。。。

详情页里的照片点击放大缩小的效果 ，是不是没有呢？

你好，我看了代码，你的demo里的详情页里的照片点击放大缩小的效果 ，是不是没有呢？只是用了一个webview，那这样的话，详情页里的照片点击后全屏放大，还有这个详情页里所有的图片，应该点击一个后，进入图片全屏，然后左右滑动切换预览的图片，这个功能是不是没有啊，这个功能实现作者有什么思路推荐呢？

没法运行啊

缺少头文件 RCTBoderStyle.h

Ignoring return value of function declared with warn_unused_result attribute

.../toutiao/node_modules/react-native/Libraries/WebSocket/RCTSRWebSocket.m:1324:5: Ignoring return value of function declared with warn_unused_result attribute
已经删除node_modules
重新运行npm install

新手请教啊

我下载了你的源码，安装之后提示一些错误：

import "RCTBorderStyle.h"

/Applications/XAMPP/xamppfiles/htdocs/toutiao/node_modules/react-native/React/Base/RCTConvert.h:15:9: 'RCTBorderStyle.h' file not found

都是这些东西，都是发现不了文件，请问是什么原因，您知道吗？

使用react-native run-android构建你的项目时提示如下错误？

Execution failed for task ':app:preDexDebug'.

com.android.ide.common.process.ProcessException: org.gradle.process.internal.E
xecException: Process 'command 'I:\jdk1.8\bin\java.exe'' finished with non-zero
exit value 1 具体不知道什么原因？

当往上面拉没有数据时，还是显示正在加载