React Native Expo開發的OW移動端項目

iOS演示

開源地址

GitHub

Gitee

項目地址

Andorid 版

Android

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

Expo

簡介

項目基於Expo的 React Native 構建技術。

Expo 是一個圍繞 React Native 構建的免費開源工具鏈，可幫助您使用 JavaScript 和 React 構建本地 iOS 和 Android 項目

Expo 文檔

技術棧

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

項目結構

準備工具

1. 獲取 Expo 構建桌面客戶端(XDE)

• macOS

• Windows64-bit

• Linux

2. 獲取 Expo 預覽 iOS 或 Android 客戶端

• Android

• iOS

3. 參考資料

使用方式

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