vczero / react-native-app

RN 开源之初，写几个小 App 玩玩

React-Native-App

React-Native实战Simple App

0. 已上线iOS App

仓库地址： https://github.com/vczero/toilet
苹果App Store搜索 厕所在哪, 即可下载

一、基于React-Native & Node通讯录App

1.主要完成的功能有：

• 基于文件系统的Node.js服务端;
• 通讯录功能（分类页 ＋ 列表页 ＋ 拨号邮箱邮件）
• 公告功能（列表页 ＋ 详情页）
• 通讯录和内容管理功能
• webview内嵌实例 效果如下图所示：

2.安装启动程序
(1)首先进入address_book目录安装node module；命令行：$ npm install
(2)其次cd server，命令行：$ npm install；然后启动node数据接口服务，命令行： $ node app.js
(3)初次登录用户名:[email protected] 密码：123

3.Tip:
(1)为了演示，代码有些粗糙；
(2)服务端也不是很完善，为了方便快速搭建，使用的是基于node的文件服务。
(3)oschina会同步更新改项目：https://git.oschina.net/vczero/React-Native-App
(4)相关入门教程：https://github.com/vczero/react-native-lession

二、基于LBS的App：附近

1.主要完成的功能有：

• 附近的美食、附近的银行、附近的电影院、附近的卫生间;
• 附近的搜索功能：美食、银行、电影院、卫生间
• 地图功能：展示附近的结果列表

效果如下图所示：

2.安装启动程序

• 如果是模拟器，则使用模拟位置，修改nearby/Nearby/index.js文件中

//是否开启真实的定位；如果开启了_GEO_OPEN，_GEO_TEST_POS则会失效
_GEO_OPEN = false;

• 如果是真机环境则修改nearby/Nearby/index.js文件中

//是否开启真实的定位；如果开启了_GEO_OPEN，_GEO_TEST_POS则会失效
_GEO_OPEN = true;

三、基于 React-Native & 豆瓣Open API 开发搜索APP

地址：https://github.com/vczero/React-Dou

四、天黑了，请闭眼(简单游戏)

地址： https://github.com/vczero/closeEye

react-native-app's Issues

serve跑起来接口都是404报错

为什么serve跑起来接口都是404报错

npm install 一堆err

iOS Demo 运行报错

../node_modules/react-native/packager/react-native-xcode.sh: line 41: react-native: command not found
Command /bin/sh failed with exit code 127

切换界面为什么很慢？

本地JS怎么保障安全

本地JS怎么保障安全

运行起来报错了，

jason转换失败了，，怎么不能贴图片呢这里

Android中有没有类似TabBarIOS的组件

最近刚学习RN,但是Android似乎发育的不太健全，好多组件不如IOS。使用了TabNavigator，但是结果不太理想，有没有替代的组件推荐呢。

address_book demo报错

run-ios报错

The following build commands failed:
    Ld build/Build/Products/Debug-iphonesimulator/address_book.app/address_book normal x86_64
(1 failure)
/Users/xiezd/svn/react-native/React-Native-App/address_book/node_modules/react-native/node_modules/promise/lib/done.js:10
      throw err;
      ^

Error: xcodebuild process exited with code 65
    at ChildProcess.<anonymous> (runIOS.js:102:14)
    at emitTwo (events.js:87:13)
    at ChildProcess.emit (events.js:172:7)
    at maybeClose (internal/child_process.js:827:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)

通讯录App 总是提示用户名或密码错误

使用作者提供的初次登录用户名:[email protected] 密码：123 进行登陆测试，总是提示用户名或密码错误，这是这么回事呢？

我下载下来了。但是Server跑不起来

我的执行流程是 npm install

然后 npm start

一直说这个错误
app.set('port', port);
^

TypeError: app.set is not a function

我是node 6.0.0

*用npm install && node app.js *
报下面的错误

Not Found

404

Error: Not Found
at /MyPath/React-Native-App-master/address_book/server/app.js:56:17
at Layer.handle as handle_request
at trim_prefix (/MyPath/React-Native-App-master/address_book/server/node_modules/express/lib/router/index.js:302:13)
at /MyPath/React-Native-App-master/address_book/server/node_modules/express/lib/router/index.js:270:7
at Function.proto.process_params (/MyPath/React-Native-App-master/address_book/server/node_modules/express/lib/router/index.js:321:12)
at next (/MyPath/React-Native-App-master/address_book/server/node_modules/express/lib/router/index.js:261:10)
at SendStream.error (/MyPath/React-Native-App-master/address_book/server/node_modules/serve-static/index.js:107:7)
at emitOne (events.js:96:13)
at SendStream.emit (events.js:188:7)
at SendStream.error (/MyPath/React-Native-App-master/address_book/server/node_modules/send/index.js:250:17)

ios 报错

我觉得是我环境问题，但不知道咋么修改，求大神指点

Warning : Failed propType

王老师您好，我最近在学习您的新书《React Native入门与实战》
在企业内部通讯录那一课中，我在写完登陆界面，用xcode运行的时候，会提示我一个warning

Warning: Failed propType: Invalid prop 'initialRoute.component' of type 'object' supplied to 'NavigatorIOS', expected 'function' . Check the render method of 'myapp' .

请问这是什么引起的错误？下面为_addNavigator的代码，与您的一致。

_addNavigator: function(component, title){
var data = null;
if(title === '公告'){
data = this.state.data;
}
return <NavigatorIOS
style={{flex:1}}
barTintColor='#007AFF'
titleTextColor="#FFF"
tintColor="#FFF"
translucent={false}
initialRoute={{
component: component,
title: title,
passProps:{
data: data
}
}
}/>;
},

render部分我没有修改路由部分

然后我想再请问一下，我在登陆界面输入了账号密码（随便写的）后，一直在loading界面，并没有进入主页或者提示密码错误，这是哪里的错误？

谢谢老师！

《React Native入门与实践》的后面几个大示例，只能在ios下运行吗？

比如这个Nearby示例，/Nearby/index.js 直接用了 NavigatorIOS, StatusBarIOS, TabBarIOS 是不是都说明windows搭建的开发环境，运行的android模拟器不能运行 这些示例？

启动报错

运行http://localhost:3033/test/test没问题就是200，但是直接访问http://localhost:3033就会404，端口号我是自己改了。这个是什么问题啊

server 出错

windows
node：6.9.1

执行node app.js没报错，但是一访问http://localhost:3000/test/show 随便访问一个都出现下面的错误，没改动过源码

Not Found

404

Error: Not Found
    at E:\space_react\React-Native-App-master\address_book\server\app.js:56:17
    at Layer.handle [as handle_request] (E:\space_react\React-Native-App-master\address_book\server\node_modules\express\lib\router\layer.js:82:5)
    at trim_prefix (E:\space_react\React-Native-App-master\address_book\server\node_modules\express\lib\router\index.js:302:13)
    at E:\space_react\React-Native-App-master\address_book\server\node_modules\express\lib\router\index.js:270:7
    at Function.proto.process_params (E:\space_react\React-Native-App-master\address_book\server\node_modules\express\lib\router\index.js:321:12)
    at next (E:\space_react\React-Native-App-master\address_book\server\node_modules\express\lib\router\index.js:261:10)
    at SendStream.error (E:\space_react\React-Native-App-master\address_book\server\node_modules\serve-static\index.js:107:7)
    at emitOne (events.js:96:13)
    at SendStream.emit (events.js:188:7)
    at SendStream.error (E:\space_react\React-Native-App-master\address_book\server\node_modules\send\index.js:250:17)`
```

RCTBatchedBridge start 启动的时候报错

This might be related to facebook/react-native#4968
To resolve try the following:

1. Clear watchman watches: watchman watch-del-all.
2. Delete the node_modules folder: rm -rf node_modules && npm install.
3. Reset packager cache: rm -fr $TMPDIR/react-* or npm start -- --reset-cache.

可能是环境配的问题，楼主可以帮忙看一下吗

不能使用[email protected]登录

你好，AddressBook程序跑起来，不能使用下列账户密码登录。

---

初次登录用户名:[email protected] 密码：123

关于adress_book

adress_book 发布公告为何会出错，删除用户后没有实现无刷新需要重新登录后才能看到最新效果。退出系统的按钮点击了没有反应。。

百灵鸟app真机测试无法连接server

老师您好，请问真机和电脑在同一个Wi-Fi下，AppDelegate.m也已经修改成本机的地址。但是真机一直无法连接server文件夹下运行的app.js，请问如何解决？麻烦您了！