# React-Native-App

**Repository Path**: tom/React-Native-App

## Basic Information

- **Project Name**: React-Native-App
- **Description**: 基于React Native的通讯录App
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 74
- **Created**: 2015-07-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React-Native-App

React-Native实战Simple App      

###一、基于React-Native & Node通讯录App
主要完成的功能有：

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

![](pic/address_book/通讯录.png)
![](pic/address_book/联系人列表.png)
![](pic/address_book/公告.png)
![](pic/address_book/公告详情.png)
![](pic/address_book/管理页.png)
![](pic/address_book/添加用户.png)
![](pic/address_book/webview.png)


####安装 & 启动
    (1)首先进入address_book目录安装node module；命令行：$ npm install 
    (2)其次cd server，启动node数据接口服务，命令行： $ node app.js
    (3)初次登录用户名:test@126.com    密码：123

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

+ 基于第三方数据构建美食App
+ 基于LBS的App