项目作者: kokobing

项目描述 :
react-native frame (react-native 0.57 && react-navigation V3 && redux)
高级语言: Makefile
项目地址: git://github.com/kokobing/react-native-hopecode.git
创建时间: 2018-12-29T04:50:41Z
项目社区:https://github.com/kokobing/react-native-hopecode

开源协议:

下载


react-native-hopecode

一个自用 React Native 脚手架,具有下述特点: 

  • Ant Design of React 蚂蚁金服设计平台
  • React Navigation V3 路由导航
  • 集成 Redux 进行状态管理,并实现本地持久化存储;
  • 判断是否首页访问APP,非首次访问进SWIPER欢迎页,首次进TABLE页;
  • 内嵌 H5 页面(WebView);
  • 网络检测(是否连接网络);

开发环境及工具

  • 基于 RN 0.57.8;
  • macOS Mojave 10.14.2;Xcode 10.1;Android Studio 3.2;
  • 安卓(7 及以上)/ iOS(12 及以上) 已测试。

  • 插件如下:

    “dependencies”: {

    1. "@ant-design/react-native": "^3.0.3",<br/>
    2. "react": "16.6.3",<br/>
    3. "react-native": "0.57.8",<br/>
    4. "react-native-gesture-handler": "^1.0.12",<br/>
    5. "react-native-swiper": "^1.5.14",<br/>
    6. "react-navigation": "^3.0.9",<br/>
    7. "react-redux": "^6.0.0",<br/>
    8. "redux": "^4.0.1",<br/>
    9. "redux-persist": "^5.10.0"<br/>

    }

本地运行

  1. 下载本项目,并安装依赖包;
    1. git clone https://github.com/kokobing/react-native-hopecode.git
    2. cd react-native-hopecode
    3. npm install
    4. react-native link
  2. 安装 React Native CLI 及安卓/iOS 开发环境(可参考 RN 中文网站介绍(https://reactnative.cn/docs/getting-started/))

  3. 项目根目录,执行下面命令:

  1. react-native run-ios # ios
  2. react-native run-android # 安卓

也可通过 Xcode 打开 ios 目录下的 “项目目录” 后点 运行 或者 Android Studio 打开 android 目录后点 运行 启动项目。