/react-native-iShiWuPai

🍔一个基于 React Native 和 Redux、MobX 实现的展示型 Demo。

Primary LanguageJavaScriptMIT LicenseMIT

iShiWuPai

如果你通过外链来到这个页面,本人要先表示感谢!项目其实很早就开始了,基本是自己学习React Native,并整合ReduxMobX的简单记录。正如你所见,项目并没有继续更新了,没有太多外因,权且理解为自己把重心稍微偏向了生活其他方面上。所以随着版本更新,项目是否能完美运行也是未知数,大家有兴趣可以按需查看源码。再次感谢各位的支持!感谢开源!

附:RNProjectPlayground 是刚开不久的仓库,主要是 MobXMST 相关,也加入了混编部分,处理的是导航这方面;接口数据是与本仓库一致的,有兴趣可以移步查看。里面的 demos 目录,是自己一些实践尝试,一般与项目无关。


iShiWuPai是基于React Native实现的展示型美食类APP。该分支针对原生新版食物派开发,数据来源于【薄荷】,主要针对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
  2. mobx-react
  3. react-native-camera
  4. react-native-easy-toast
  5. react-native-scrollable-tab-view