eleteam / shop-react-native

EleTeam开源项目 - 电商全套解决方案之 React Native 版 - Shop-React-Native。一个类似京东/天猫/淘宝的商城，有对应的服务端支持，由EleTeam团队维护！

Shop-React-Native

Shop-React-Native 是基于 React Native 和 Redux 实现的电商类APP，同时运行在iOS和Android平台上。持续更新中，欢迎一起讨论学习！

如果你支持这个项目，请 Star and Fork Me。

注：有任何问题请在Issues提交，EleTeam会尽快回复。

EleTeam开源项目 - 电商全套解决方案之 React Native 版 - Shop-React-Native。一个类似京东/天猫/淘宝的商城，有对应的服务端支持，由EleTeam团队维护！

服务端是PHP商城，对应项目是 Shop-PHP-Yii2，https://github.com/EleTeam/Shop-PHP-Yii2

功能如下:

支持下拉刷新和上拖加载更多
广告模块
文章模块
用户模块
产品模块
购物车模块
订单模块
地址模块
分享&收藏
营销模块

依赖组件:

"dependencies": {
    "react": "15.3.1",                      //react框架
    "react-native": "0.33.0",               //react native
    "react-native-device-info": "^0.9.5",   //获取硬件信息
    "react-native-root-toast": "^1.0.3",    //纯JS toast, 用于错误提示的小弹窗
    "react-native-swiper": "^1.4.4",        //滑动查看图片
    "react-native-tab-navigator": "^0.3.3", //纯JS底部导航条, 同时适用在iOS和Android上
    "react-native-vector-icons": "^2.0.3",  //图标库, 需要更改原生文件的组件, 查看: https://www.npmjs.com/package/react-native-vector-icons
    "react-redux": "^4.4.5",                //将redux跟react应用结合起来
    "redux": "^3.5.2",                      //数据流动的控制
    "redux-persist": "^2.0.1",              //将store对象存储到本地, 从本地恢复数据到store中
    "redux-thunk": "^2.1.0"                 //redux-thunk
    
}

访问在线服务器:

取消注释, 在文件: app/common/constants_url.js: 
const kUrlHost = 'http://api.eleteam.com/v1';    //在线服务器

查看服务器是否可用

http://api.eleteam.com/v1/banner/list

安装出现问题

1. Application Shop-React-Native has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent
解决办法:
    造成这种错误有两种情况:
    1. AppRegistry.registerComponent('项目名', () => 项目名); 与./ios/项目名/appDelegate.m中的RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"项目名" initialProperties:nil launchOptions:launchOptions]; 不同
      在Android项目中可能是./android/app/src/main/java/com/项目名/MainActivity.java中的mReactRootView.startReactApplication(mReactInstanceManager, "项目名", null); 没有保持一致，修改方法：编辑成相同的参数即可。
    2. 有可能你同时在运行一个以上的程序。如果你的react-native在运行程序A而你打开了程序B，也会出现相同的问题。解决方法：关闭其它React Native程序, 只运行一个。

react-native 的学习文档:

入门基础: http://reactnative.cn/docs/0.31/getting-started.html
组件的生命周期: http://www.race604.com/react-native-component-lifecycle

部分App界面：

@author Tony Wong

@copyright Copyright © 2016 EleTeam. All rights reserved.

@license The MIT License (MIT)

此源码遵守 The MIT License (MIT)，可用于商业上，但是因此带来的商业损失EleTeam团队不承担责任。

shop-react-native's Issues

Application ShopReactNative has not been registered

请教下错误是啥意思

Application ShopReactNative has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent.

runApplication
AppRegistry.js:93
__callFunction
MessageQueue.js:229

MessageQueue.js:111
guard
MessageQueue.js:42
callFunctionReturnFlushedQueue
MessageQueue.js:110

运行结果和介绍的图片不一致啊，太丑了吧

git图片介绍是一套，实际代码效果另一套？

也是醉了

请问当初后端考虑用node了吗 为啥没用node

/Users/node_module.... not found

在线地址访问不了，请帮主重新打开服务器

在线地址访问不了，请帮主重新打开服务器

关于不能访问api接口

readme 里已经说明了，api接口需要下载Shop-for-PHP-Yii2这个项目，在本地部署一下就好了

项目解析

感谢 EleTeam 开源了这个项目，对我的开发提供了很多帮助。我在看源码的时候有一些理解困难，比如 CartPage 这个文件里面的界面和网络请求的交互实现。希望 EleTeam 能对此项目结构和一些重点功能实现做一些说明，多谢。

运行出现错误RuntimeException: Requested enabled DevSupportManager, but DevSupportManagerImpl class was not found

RuntimeException: Requested enabled DevSupportManager, but DevSupportManagerImpl class was not found 。然后crash，求解。

在线服务器地址不能用了吗？

http://eleteamapi.ygcr8.com/v1

应该怎么运行起来啊

运行之后只显示Welcome React Native的一个界面，怎么进入主界面啊

安卓端添加收货地址无反应？

请问一下这是什么问题？

关于微信、微博、qq授权登录？

看了一下代码，里面不知道有没有在里面实现这种oauth登陆方式

请问下,首页的banner不知道为什么读不到图片

刚开始研究RN，现在这个app 打开首页banner读不到 还有在我的安卓手机上， 部分控件有一半和底栏重叠了，还有我的页面 几个图标和内容都挤在一块了，是什么原因 我可以直接修改 pages页里面的样式吗？
谢谢了

提问一个问题

如果是大型的项目是否是typescript更加适合？

IOS模拟器上报”Android要用外网地址“什么问题？

1.ios模拟器上运行 ，启动弹出”Android要用外网地址“
2.const kUrlHost = 'http://eleteamapi.ygcr8.com/v1'; 用的在线服务器
3.homeActions.js 31行 输出”Android要用外网地址“
请问是什么问题？谢谢！

安卓 编译出错

在IOS下无法运行呀

clone了最新的代码，但是运行不了呀

在线api接口好像不能访问了

example: http://eleteamapi.ygcr8.com/v1/banner/list 不能访问了，能打开吗？

这个项目还维护的吗

这个项目还维护的吗，报错

Module name prefixes should've been stripped by the native side but wasn't for REACTJS Executor

npm install 之后项目不报错，运行报错Module name prefixes should've been stripped by the native side but wasn't for REACTJS Executor

为什么我npm install后的node_modules\react-native\Libraries\下会没有Core这个文件夹生成呢

为什么我npm install后的node_modules\react-native\Libraries\下会没有Core这个文件夹生成呢

在Android上运行报错，TabBarItemIOS

首先非常感谢EleTeam的奉献，让我有机会用这个项目学习RN
在git clone，npm install，安装vector Icon并重运行后，运行react-native run-android遇到这样一个错误

根据报错似乎是android上使用了ios控件无法运行，请问如何解决呢？谢谢

项目代码中实际没使用redux-persist??

我的项目中想使用,本来想参考参考的

SyntaxError:Strict mode does not allow function declariations in a lexically nested statement

请问运行android模拟器报这个错该如何解决？？
SyntaxError:Strict mode does not allow function declariations in a lexically nested statement(http://10.0.3.2:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false:7690)

服务端无法访问

const kUrlHost = 'http://eleteamapi.ygcr8.com/v1'; //在线服务器
这个地址无法访问，是什么问题啊

{ homeReducer, cartReducer, userReducer } = state

{ homeReducer, cartReducer, userReducer } = state

请教下这些reducer是什么时候保存到state中的？

直接修改this.state而非通过this.setStates方法修改state

/app/pages/AddressCreatePage.js

该文件91行直接通过this.state.[属性名]来修改state而不是通过this.setState来修改state是不是写法是有问题的？