React-Native-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