jackson567 / React-Native-Meituan-ver1.0.0

react-native项目 美团app ver1.0.0

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-Native MeiTuan项目

参与开发: 小B/jackson567/罗生门 使用 ReactNative 模仿美团的APP (Android + ios)

  • 注意: 演示服务器最近不稳定,如无数据显示请自行 git clone

项目步骤

1. 安装依赖

React Native - node环境 - 运行前,先关掉终端 - 初始化工程 - 模拟器调试(测试使用 mumu模拟器)

2. 运行工程

可参考博客: http://blog.csdn.net/l863784757/article/details/50456592

3. 项目结构

  • Home //路由主界面
  • Main //首页 页面
  • Near //附近 页面
  • Order //逛一逛 页面
  • shop //购买 页面
  • Mine //我的 页面
  • Login //登录 页面

4. 组件部分

  • TopBar //导航条,标题栏
  • MineItemView //我的页面 数据展示条
  • OrderItemView //逛一逛页面 商品数据条
  • ...

5. 图片展示

6. 项目感悟

  1. 解决卡顿问题的方法
  2. 实现基本的数据展示功能,暂未设计到用户数据绑定 和 搜索功能
  3. 需要加强前端的基础,继续深入react的底层

About

react-native项目 美团app ver1.0.0

License:Apache License 2.0


Languages

Language:JavaScript 89.9%Language:Objective-C 6.0%Language:Python 2.2%Language:Java 1.9%