请选择 进入手机版 | 继续访问电脑版

默认
即时通讯网 资讯 [动态] 环信发布React Native Demo,开发者可用React开发IM了
即时通讯网 首页 资讯 查看内容

[动态] 环信发布React Native Demo,开发者可用React开发IM了

JackJiang · 4 个月前 | 阅读(6925)· 评论(0)| 来源 环信 转发 收藏1

摘要 即时通讯IM云服务商环信发布了React Native Demo,用于指导开发者用React Native开发基于环信IM。

Demo 介绍

[动态] 环信发布React Native Demo,开发者可用React开发IM了


即时通讯IM云服务商环信今日发布了React Native Demo,用于指导开发者用React Native开发基于环信IM。React Native 可以让开发者使用 Javascript 和 React 开发原生 iOS 和 Android 应用,提高开发效率(Learn once, write anywhere)。此次React Native Demo 已集成环信 Web IM SDK,并提供即时通讯基本功能,开发者可以直接将该 Demo 集成到您的应用中,立即获得即时通讯的能力。

Demo 源码下载

GitHub 下载地址:

版本支持:
React Native Demo 支持 iOS 9.0 以上版本,以及 Android 4.1 (API 16)。

注:所有开发调试环境均基于Mac。

Demo 功能列表

功能 React Native Demo 分为 iOS Demo 和 Android Demo 两部分,已完成的功能详见:http://docs.easemob.com/im/react-native/release-note

Demo 目录结构

App 的目录结构如下: 

• Containers: 容器 | 页面 | 路由
    ◦ App.js 总入口
        ◾ Redux/ 初始化
        ◾ I18n/ 初始化
        ◾ Config/index.js 系统初始配置
    ◦ RootContainer.js 根容器
        ◾ Navigation/NavigationRouter.js 初始化路由
        ◾ /Config/ReduxPersist 持久化初始化
• Components 常用组件
• I18n 多语言支持
• Images 图片资源
• Lib WebIM初始化
• Navigation: 路由相关
• Redux: actions / reducers
• Sdk: webim-easemobo SDK

Redux State:
{
    // ui相关
    ui: [
        // ui通用:比如loading
        common: {
            fetching:false
        },
        login: {
            username: '',
            password: '',
            isSigned: false,
        },
        register: { },
        contactInfo: { },
    ],
    im: ,
    // 数据实体
    entities: {
        roster: {
            byName: {
                {
                    jid, name, subscription, groups?
                }
            },
            names: ['lwz2'...],
            // 好友列表在此,因为好友列表来源于roster,息息相关
            friends: ,
        },
        // 订阅通知
        subscribe: {
            byFrom: {}
        },
        room: {},
        group: {
            byId: {},
            names: 
        },
        members: {
            byName: ,
            byGroupId: 
        }
        blacklist: {},
        message: {
            byId: {}
            chat: {
                [chatId]: [messageId1, messageId2]
            },
            groupChat: {
                [chatId]: {}
            },
        }
    }
}

即时通讯网 - 即时通讯开发者社区! 来源: - 即时通讯开发者社区!

相关阅读

最新评论

Processed in 0.390625 second(s), 24 queries , Gzip On.

返回顶部