• Stars
    star
    967
  • Rank 47,309 (Top 1.0 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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

More Repositories

1

RNProjectPlayground

🍨React Native 相关,涉及 MobX、MST使用,原生简易导航模块、列表组件封装,一些动画尝试,以及 HOC 应用。
JavaScript
97
star
2

react-native-iCityAction

用于React Native练习的新闻类App,接口来自都市频道。
JavaScript
65
star
3

rn-relates

📝一些关于 React Native 项目实践的记录。
41
star
4

rn-beginner-guidance-decorator

🚀更快捷地为 React Native App 添加新手引导组件。
JavaScript
28
star
5

rn-countdown

⏰ 纯 JavaScript 实现的针对 React Native App 的倒计时组件。
JavaScript
18
star
6

react-native-instrument-board

一个应用于React Native App的仪表盘组件。
JavaScript
15
star
7

ijkplayer-rn-playground

计划基于 ijkplayer 集成一个面向 React Native 的视频播放器,只是尝试性 Demo
Objective-C
14
star
8

react-native-anchor-tag

A simple anchor tag view for React Native App.
JavaScript
9
star
9

rn-read-more-text

📃支持设置显示最大行数的折叠/展开文本组件
JavaScript
7
star
10

cookie-fetch

应用于React Native App、支持定制简易缓存策略的fetch。
JavaScript
5
star
11

Zelda

支持链式语法的轻量FlexBox布局库
Objective-C
4
star
12

split_bundle_demo

一个关于分包、按需加载的 Demo,只在 iOS 端实践
Objective-C
4
star
13

flutter_ishiwupai

🍔一个基于 Flutter 实现的展示型 Demo。
Dart
4
star
14

springboot-blog

基于 SpringBoot + Mybatis + MySQL 实现个人博客的 RESTful 服务,并使用 Swagger2 实现接口文档。
Java
3
star
15

node-project

一个基于 Vue2、Koa2 和 MySQL 的练习 Demo
JavaScript
3
star
16

RNNewFeatureDemo

基于React Native实现APP新特性引导页的Demo。
JavaScript
3
star
17

iOSNativeDemo

iOS原生集成React Naitve示例讲解
Objective-C
3
star
18

TestCase-BuildScript

一组自动生成测试数据和结果校验的Python脚本。
Python
2
star
19

RNComponentDemo

基于React Native实现简单组件封装的Demo。
JavaScript
2
star
20

iOSNativeManagerDemo

React Native封装iOS原生UIViewController示例
Objective-C
2
star
21

GuoKe

果壳精选仿写
Objective-C
2
star
22

QQFriendsDemo

基于React Native实现类QQ好友列表的简单Demo
JavaScript
1
star
23

PocketFood

iPhone PocketFood客户端。
Objective-C
1
star
24

LJBAnimationDemos

一组动画demo。
Objective-C
1
star
25

screenshots

1
star
26

springboot-blog-app

用于验证博客服务的App示例
Objective-C
1
star