https://github.com/ljunb/react-native-iShiWuPai
🍔一个基于 React Native 和 Redux、MobX 实现的展示型 Demo。
https://github.com/ljunb/react-native-iShiWuPai
mobx-demo react-native-demo
Last synced: about 1 month ago
JSON representation
🍔一个基于 React Native 和 Redux、MobX 实现的展示型 Demo。
- Host: GitHub
- URL: https://github.com/ljunb/react-native-iShiWuPai
- Owner: ljunb
- License: mit
- Created: 2016-05-23T14:47:41.000Z (about 9 years ago)
- Default Branch: alpha
- Last Pushed: 2018-04-10T12:06:09.000Z (about 7 years ago)
- Last Synced: 2025-04-04T08:07:11.274Z (2 months ago)
- Topics: mobx-demo, react-native-demo
- Language: JavaScript
- Homepage:
- Size: 12.7 MB
- Stars: 964
- Watchers: 51
- Forks: 288
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## iShiWuPai
如果你通过外链来到这个页面，本人要先表示感谢！项目其实很早就开始了，基本是自己学习`React Native`，并整合`Redux`和`MobX`的简单记录。正如你所见，项目并没有继续更新了，没有太多外因，权且理解为自己把重心稍微偏向了生活其他方面上。所以随着版本更新，项目是否能完美运行也是未知数，大家有兴趣可以按需查看源码。再次感谢各位的支持！感谢开源！
> 附：[RNProjectPlayground](https://github.com/ljunb/RNProjectPlayground) 是刚开不久的仓库，主要是 `MobX` 和 `MST` 相关，也加入了混编部分，处理的是导航这方面；接口数据是与本仓库一致的，有兴趣可以移步查看。里面的 [`demos`](https://github.com/ljunb/RNProjectPlayground/tree/master/src/pages/demos) 目录，是自己一些实践尝试，一般与项目无关。
------------
iShiWuPai是基于React Native实现的展示型美食类APP。该分支针对原生新版食物派开发，数据来源于[【薄荷】](http://www.boohee.com/)，主要针对MobX练习，不做商业用途。目前已适配iOS和Android两端，适合刚入门React Native的朋友学习。Enjoy it！🎉🎉🎉
## 运行截图
## 现有功能点
1. 食物百科、食物列表、二维码扫描、逛吃、逛吃详情、我的和登录等界面的UI搭建
2. 基于MobX实现状态栏颜色和数据管理
3. 二维码扫描成功添加等待提示
4. 网络状态检测高阶组件NetInfoDecorator的初级使用
5. 逛吃顶部Tab标题切换时，添加scale和color动画
## 运行
```
$ git clone https://github.com/ljunb/react-native-iShiWuPai.git
$ cd react-native-iShiWuPai
$ npm install
$ react-native run-ios/run-android
```
## 相关第三方库
1. [mobx](https://github.com/mobxjs/mobx)
2. [mobx-react](https://github.com/mobxjs/mobx-react)
3. [react-native-camera](https://github.com/lwansbrough/react-native-camera)
4. [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)
5. [react-native-scrollable-tab-view](https://github.com/skv-headless/react-native-scrollable-tab-view)