React Native Expo开发的OW移动端项目

iOS演示

ezgif-2-466979bde1.gif

开源地址

GitHubhtml

Giteereact

项目地址

Andorid 版

android.png

Androidlinux

Expo 版(需 Expo 移动端(Android/iOS))

expo.png

Expoandroid

简介

项目基于Expo的 React Native 构建技术。ios

Expo 是一个围绕 React Native 构建的免费开源工具链,可帮助您使用 JavaScript 和 React 构建本地 iOS 和 Android 项目git

Expo 文档github

技术栈

  • Expo
  • React-Native
  • React-Navigation
  • Redux
  • Redux-Saga
  • LeanCloud
  • Antd-Mobile

项目结构

screenshot_22.png

准备工具

  1. 获取 Expo 构建桌面客户端(XDE)
  1. 获取 Expo 预览 iOS 或 Android 客户端

google.png

appstore.png

  1. 参考资料

使用方式

  1. git clone https://github.com/zxj963577494/OverWatchTeams-React-Native-Expo.git

  2. 打开桌面客户端(XDE)加载本项目,启动本项目,点击 Share 获取二维码

  3. 打开 iOS 或 Android 客户端,扫描 XDE 客户端二维码

  4. 参考资料

项目生成

  1. yarn global add exp

  2. exp build:ios / build:android

  3. exp build:status

  4. 参考资料

项目发布

  1. yarn global add exp

  2. exp publish

一些说明

exp build:ios/build:android生成的是 JS Bundle 文件,Expo 会将该文件上传到 Expo 云端,由 Expo 构建 APP,使用exp build:status能够获得 APP 在云端构建的进度,构建完成后,会返回 APP 地址

使用 exp build:ios 时必须有$99 的开发者帐户(我没有,因此没构建 iOS 版本),若是 apple id 开启了两步验证,须要加--local-auth

exp publish用于发布 JS Bundle 文件,用于热更新应用,更改 app.json 文件的版本号,icon 之类,用户安装的 App 会自动同步发布时版本所改动的内。参考资料 1 参考资料 2

Expo 没法像原生 React Native 同样,能够对本地模块进行操做,固然react-native link 命令也是没法使用的,但你能够使用 Expo 开放的操做本地功能的 API,SDK API 参考

开源协议

GPL-2.0

相关文章
相关标签/搜索