• Stars
    star
    741
  • Rank 61,194 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 9 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

More Repositories

1

react-native-lesson

React-Native入门指南
HTML
4,071
star
2

React-Dou

豆瓣搜索App
JavaScript
410
star
3

React-Native-Code

《React Native入门与实战》实例源码
JavaScript
389
star
4

toilet

一款快速帮你找到附近卫生间的神奇App
JavaScript
383
star
5

weex-learning

weex 学习/实践指南
JavaScript
268
star
6

react-native-tab-menu

React Native 二级菜单组件
JavaScript
180
star
7

sharePPT

个人分享PPT(外部 & 公司内部)
JavaScript
163
star
8

OurTimes

DEMO FOR M(MongoDB) + N(Node.js) + A(Angular.js)
JavaScript
141
star
9

pm-insight

互联网产品观察。三年里阅读了大量的书籍和参加内训,经常在内网知识学习平台霸榜。也记了不少笔记在本本上,这里将纸质笔记数字化。尽管是片段知识,但是大多是记笔记那一刻的感受最深刻的,最为触动的。
125
star
10

search

基于豆瓣API的图书、电影、音乐搜索web App
JavaScript
114
star
11

node-weibo

新浪微博OAuth2接口(package Weibo API based on Node.js,尊重新浪微博API,使用方便高效 )
JavaScript
110
star
12

weex-yy

微阅读
JavaScript
108
star
13

CloudPhoto

打造个人私有.云相册;Serverless + 小程序 + 免费空间/流量/计算服务
JavaScript
95
star
14

react-native-calendar

React-Native-Calendar 日历组件
JavaScript
88
star
15

serverless-colleage

2600多所高校信息原始数据
70
star
16

closeEye

天黑,请闭眼(基于React Native的游戏)
JavaScript
53
star
17

keyboard

模拟数字键盘
JavaScript
43
star
18

rn-cook

React Native AsyncStorage Debug Tool
JavaScript
34
star
19

cloud-developer

目标就一个通俗易懂,不要高大上的概念,能上手才是王道
34
star
20

iOS-Dou

基于iOS开发的豆搜应用
Objective-C
30
star
21

weex-yy-h5

微阅读,不依赖playground,打包成H5版本
HTML
24
star
22

jsbundle

偷渡:简单React Native 更新系统
JavaScript
21
star
23

image-vector

将图片转化为矢量并canvas化的简单工具(基于Node.js + HTML5 canvas)
JavaScript
18
star
24

search_Hybird

将search应用(基于Angular & Open Api)内嵌进WebView测试性能
Objective-C
16
star
25

aissues

JavaScript
13
star
26

meitu

美丽旅途,大巴社交
JavaScript
12
star
27

cookie

A Util library of Cookie(操作cookie的工具类)
JavaScript
11
star
28

leaflet-cn

leaflet 中文翻译
10
star
29

vector-map

基于HTML5 Canvas的矢量地图渲染
JavaScript
9
star
30

codeFE

前端代码规范
8
star
31

React-LBS

基于React-Native开发LBS应用
JavaScript
7
star
32

guid

guid generator : used for node.js or javascript client
JavaScript
6
star
33

tailor2048

可配置的2048游戏
JavaScript
5
star
34

https-request

simple node https request library
JavaScript
4
star
35

component

JavaScript Component ( Simple Class Library)
JavaScript
2
star
36

DeviceManager

基于React-Native的设备管理系统
2
star
37

offlineApplictaion

HTML5离线应用
JavaScript
1
star
38

zuji

JavaScript
1
star
39

dockit

md doc -> static website
JavaScript
1
star
40

simple-wiki

基于markdown的简单绿色wiki系统(不依赖数据库,可定制)
JavaScript
1
star
41

Framework6

1
star
42

node-forum

1
star
43

node-webkit-develope

node-webkit开发:打造桌面web混合应用
1
star