{"id":26214422,"url":"https://github.com/ljunb/react-native-ishiwupai","last_synced_at":"2025-10-04T17:15:59.256Z","repository":{"id":92176810,"uuid":"59491175","full_name":"ljunb/react-native-iShiWuPai","owner":"ljunb","description":"🍔一个基于 React Native 和 Redux、MobX 实现的展示型 Demo。","archived":false,"fork":false,"pushed_at":"2018-04-10T12:06:09.000Z","size":13348,"stargazers_count":964,"open_issues_count":8,"forks_count":288,"subscribers_count":51,"default_branch":"alpha","last_synced_at":"2025-03-28T07:06:27.699Z","etag":null,"topics":["mobx-demo","react-native-demo"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ljunb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2016-05-23T14:47:41.000Z","updated_at":"2025-01-14T14:40:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"bc5a6fc5-4849-4f6b-8706-5ec132b140fb","html_url":"https://github.com/ljunb/react-native-iShiWuPai","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ljunb%2Freact-native-iShiWuPai","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ljunb%2Freact-native-iShiWuPai/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ljunb%2Freact-native-iShiWuPai/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ljunb%2Freact-native-iShiWuPai/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ljunb","download_url":"https://codeload.github.com/ljunb/react-native-iShiWuPai/tar.gz/refs/heads/alpha","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247142065,"owners_count":20890652,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mobx-demo","react-native-demo"],"created_at":"2025-03-12T10:16:57.182Z","updated_at":"2025-10-04T17:15:59.190Z","avatar_url":"https://github.com/ljunb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## iShiWuPai\n\n如果你通过外链来到这个页面，本人要先表示感谢！项目其实很早就开始了，基本是自己学习`React Native`，并整合`Redux`和`MobX`的简单记录。正如你所见，项目并没有继续更新了，没有太多外因，权且理解为自己把重心稍微偏向了生活其他方面上。所以随着版本更新，项目是否能完美运行也是未知数，大家有兴趣可以按需查看源码。再次感谢各位的支持！感谢开源！\n\n\u003e 附：[RNProjectPlayground](https://github.com/ljunb/RNProjectPlayground) 是刚开不久的仓库，主要是 `MobX` 和 `MST` 相关，也加入了混编部分，处理的是导航这方面；接口数据是与本仓库一致的，有兴趣可以移步查看。里面的 [`demos`](https://github.com/ljunb/RNProjectPlayground/tree/master/src/pages/demos) 目录，是自己一些实践尝试，一般与项目无关。\n\n------------\n\niShiWuPai是基于React Native实现的展示型美食类APP。该分支针对原生新版食物派开发，数据来源于[【薄荷】](http://www.boohee.com/)，主要针对MobX练习，不做商业用途。目前已适配iOS和Android两端，适合刚入门React Native的朋友学习。Enjoy it！🎉🎉🎉\n\n## 运行截图\n![食物百科](https://github.com/ljunb/react-native-iShiWuPai/blob/alpha/screenshot/food.png)\n![逛吃](https://github.com/ljunb/react-native-iShiWuPai/blob/alpha/screenshot/feed.png)\n![资讯详情](https://github.com/ljunb/react-native-iShiWuPai/blob/alpha/screenshot/info_detail.png)\n![食物分类](https://github.com/ljunb/react-native-iShiWuPai/blob/alpha/screenshot/foods.png)\n![我的](https://github.com/ljunb/react-native-iShiWuPai/blob/alpha/screenshot/profile.png)\n\n## 现有功能点\n1. 食物百科、食物列表、二维码扫描、逛吃、逛吃详情、我的和登录等界面的UI搭建\n2. 基于MobX实现状态栏颜色和数据管理\n3. 二维码扫描成功添加等待提示\n4. 网络状态检测高阶组件NetInfoDecorator的初级使用\n5. 逛吃顶部Tab标题切换时，添加scale和color动画\n\n## 运行\n\n```\n$ git clone https://github.com/ljunb/react-native-iShiWuPai.git\n$ cd react-native-iShiWuPai \n$ npm install\n$ react-native run-ios/run-android\n```\n\n## 相关第三方库\n1. [mobx](https://github.com/mobxjs/mobx)\n2. [mobx-react](https://github.com/mobxjs/mobx-react)\n3. [react-native-camera](https://github.com/lwansbrough/react-native-camera)\n4. [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast)\n5. [react-native-scrollable-tab-view](https://github.com/skv-headless/react-native-scrollable-tab-view)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fljunb%2Freact-native-ishiwupai","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fljunb%2Freact-native-ishiwupai","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fljunb%2Freact-native-ishiwupai/lists"}