React Native实战项目

react

RNMeituan

RNMeituan 基于React Native 0.44.2版。

仿美团客户端,目前只实现了一级页面。导航组件使用的是官方推荐的react-navigation,另外在更多模块中实现了一个二级页面【Realm数据库Demo】,后续考虑实现更多页面。

项目亮点

1、采用组件化开发方式。

2、列表采用最新FlatList组件,支持下拉刷新、上拉加载更多。

3、导航采用官方推荐的react-navigation。

4、所有组件均采用的跨平台方式(条件所限IOS没测试过)。

5、项目使用了Realm跨平台、轻量级数据库。

6、移动平台代码复用率95%(瞎掰的!!!)

源码Github项目地址(长期更新)

https://github.com/lspkenney/RNMeituan

CSDN下载地址

http://download.csdn.net/detail/luo807564621/9856799

Screenshsot[gif动图]


Setup

(windows)

1、clone项目。

2、cd到项目目录。

3、npm install

4、npm link

5、react-native start

6、react-native run-android

项目用到的开源组件库

1、react-native-scrollable-tab-view 版本0.6.6

2、react-navigation 版本1.0.0-beta.11

3、 realm 版本1.3.1

最后衷心感谢

数据接口参考自:https://github.com/huanxsd/MeiTuan

以上是 React Native实战项目 的全部内容, 来源链接: utcz.com/z/383596.html

回到顶部