React Native Demo 介紹
React Native 可以讓開(kāi)發(fā)者使用 Javascript 和 React 開(kāi)發(fā)原生 iOS 和 Android 應(yīng)用，提高開(kāi)發(fā)效率（Learn once, write anywhere）。
React Native Demo 已集成環(huán)信 Web IM SDK，并提供即時(shí)通訊基本功能，開(kāi)發(fā)者可以直接將該 Demo 集成到您的應(yīng)用中，立即獲得即時(shí)通訊的能力。
GitHub 下載地址：https://github.com/easemob/webim-react-native
版本支持
React Native Demo 支持 iOS 9.0 以上版本，以及 Android 4.1 (API 16)。
注：所有開(kāi)發(fā)調(diào)試環(huán)境均基于Mac。
功能
React Native Demo 分為 iOS Demo 和 Android Demo 兩部分，已完成的功能如下。
iOS
iOS Demo 已完成功能：
? 登錄
? 注冊(cè)
? 好友
? 列表及篩選
? 好友信息展示
? 黑名單
? 刪除好友
? 好友通知
? 添加好友通知展示
? 接受好友請(qǐng)求
? 拒絕好友請(qǐng)求
? 添加好友
? 群組
? 群組列表
? 群組成員列表
? 聊天
? 相機(jī)圖片消息
? 本地圖片消息
? emoji消息
? 普通消息
? 異常狀態(tài)處理
? 斷線(xiàn)退出到登錄頁(yè)
? 重復(fù)登錄退出到登錄頁(yè)
Android
Android Demo 已完成功能：
? 登錄
? 注冊(cè)
目錄結(jié)構(gòu)
App 的目錄結(jié)構(gòu)如下：
? Containers: 容器 | 頁(yè)面 | 路由
? App.js 總?cè)肟?/p>
? Redux/ 初始化
? I18n/ 初始化
? Config/index.js 系統(tǒng)初始配置
? RootContainer.js 根容器
? Navigation/NavigationRouter.js 初始化路由
? /Config/ReduxPersist 持久化初始化
? Components 常用組件
? I18n 多語(yǔ)言支持
? Images 圖片資源
? Lib WebIM初始化
? Navigation: 路由相關(guān)
? Redux: actions / reducers
? Sdk: webim-easemobo SDK
Redux State
{? ? // ui相關(guān)? ? ui:[// ui通用：比如loading? ? ? ? common: {? ? ? ? ? ? fetching:false? ? ? ? },? ? ? ? login: {? ? ? ? ? ? username: '',? ? ? ? ? ? password: '',? ? ? ? ? ? isSigned: false,? ? ? ? },? ? ? ? register: { },? ? ? ? contactInfo: { },? ? ],? ? im: ,? ? // 數(shù)據(jù)實(shí)體? ? entities: {? ? ? ? roster: {? ? ? ? ? ? byName: {? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? jid, name, subscription, groups?? ? ? ? ? ? ? ? }? ? ? ? ? ? },? ? ? ? ? ? names:['lwz2'...],? ? ? ? ? ? // 好友列表在此，因?yàn)楹糜蚜斜韥?lái)源于roster，息息相關(guān)? ? ? ? ? ? friends: ,? ? ? ? },? ? ? ? // 訂閱通知? ? ? ? subscribe: {? ? ? ? ? ? byFrom: {}? ? ? ? },? ? ? ? room: {},? ? ? ? group: {? ? ? ? ? ? byId: {},? ? ? ? ? ? names:? ? ? ? },? ? ? ? members: {? ? ? ? ? ? byName: ,? ? ? ? ? ? byGroupId:? ? ? ? }? ? ? ? blacklist: {},? ? ? ? message: {? ? ? ? ? ? byId: {}? ? ? ? ? ? chat: {[chatId]:[messageId1, messageId2]? ? ? ? ? ? },? ? ? ? ? ? groupChat: {[chatId]: {}? ? ? ? ? ? },? ? ? ? }? ? }}
版本歷史?：更新日志
SDK下載：點(diǎn)擊下載
