Skip to content

kokobing/react-native-hopecode

Repository files navigation

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": {
         "@ant-design/react-native": "^3.0.3",
         "react": "16.6.3",
         "react-native": "0.57.8",
         "react-native-gesture-handler": "^1.0.12",
         "react-native-swiper": "^1.5.14",
         "react-navigation": "^3.0.9",
         "react-redux": "^6.0.0",
         "redux": "^4.0.1",
         "redux-persist": "^5.10.0"
    }

本地运行

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

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

react-native run-ios # ios
react-native run-android # 安卓

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