# HXMeituan **Repository Path**: abreolee/HXMeituan ## Basic Information - **Project Name**: HXMeituan - **Description**: 通过React Native实现美团App的总体搭建 - **Primary Language**: JavaScript - **License**: MPL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 3 - **Created**: 2018-03-01 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # HXMeituan App
![](picHXMeituan/AppIcon.png)
React-Native实现跨平台开发
###一、基于React-Native & Node电商App
###主要完成的功能有
+ 界面搭建技术点:
1.FlexBox布局
2.ListView
3.ScrollView
+ 第三方类库的使用,轻松实现源生项目的TabbarController和NavigationController效果
+ webview内嵌实例
+ 界面交互
+ 跨界面传值
效果如下图所示:
首页
![](picHXMeituan/首页.png)
首页猜你喜欢
![](picHXMeituan/猜你喜欢.png)
点击购物中心跳转到购物中心详情界面
![](picHXMeituan/购物中心详情.png)
商家
![](picHXMeituan/商家.png)
我的
![](picHXMeituan/我的.png)
更多
![](picHXMeituan/更多.png)
安装 & 启动
(1)首先进入HXMeituan目录安装node module;命令行:$ npm install
(2)安装第三方类库,命令行: $ npm i react-native-tab-navigator —save
####Tip:
(1)为了演示,代码有些粗糙
(2)抓取的"猜你喜欢"接口有部分问题,数据可能显示错误
(3)部分点击功能实现原理相同,仅用一个alert弹框表示
(4)欢迎交流学习:zhxWorkMail@163.com