native数据类型 react_GitHub - reactnativecomponent/react-native-imui: react-native im ui

ReactNative IMUI

项目fork自 jpush 的 Aurora IMUI

使用

安装

npm install react-native-imui --save 或者 yarn add react-native-imui

配置

iOS

当前版本支持RN>=0.60

RCTAuroraIMUI.framework依赖于SDWebImage，请在项目的Podfile文件中添加pod 'SDWebImage'

-现已将代码打包成RCTAuroraIMUI.framework放在react-native-imui/iOSResourcePacket/Framework/目录下，其中分别有支持模拟器+真机的(测试的时候用)，也有仅支持真机的(打包上架appstore的时候用)。

方式一、最简单的使用方式

把react-native-imui/iOSResourcePacket/Framework/目录下，你所需要用到的RCTAuroraIMUI.framework文件拖拽到Xcode项目的Framework目录里面。

把react-native-imui/iOSResourcePacket/AuroraIMUI.bundle拖拽到Xcode项目的Resources目录里面。

把 PROJECT -> TARGETS -> General -> Frameworks,Libraries,and Embedded Content中的RCTAuroraIMUI.framework的Embed改成Embed & Sign。

方式二、导入项目的方式

把react-native-imui/iOSResourcePacket/AuroraIMUI.bundle拖拽到Xcode项目的Resources目录里面。

在项目的Podfile文件的最下面中添加：

target 'RCTAuroraIMUI' do

project '../node_modules/react-native-imui/ios/RCTAuroraIMUI'

end

注意project路径是否正确

在终端cd到Podfile文件夹下，pod install后，重新打开项目便会多了一个RCTAuroraIMUI的project在项目里面，编译它之后，可以在你原来的项目的PROJECT -> TARGETS -> General -> Frameworks,Libraries,and Embedded Content中添加RCTAuroraIMUI.framework

数据格式

使用 MessageList，你需要定义 message 对象和 fromUser 对象。

message 对象格式:

status 必须为以下四个值之一: "send_succeed", "send_failed", "send_going", "download_failed"，如果没有定义这个属性， 默认值是 "send_succeed".

message = { // 文本

msgId: "msgid",

status: "send_going",

msgType: "text",

isOutgoing: true,

text: "text"

fromUser: {}

}

message = { // image message

msgId: "msgid",

msgType: "image",

isOutGoing: true,

progress: "progress string"

mediaPath: "image path"

fromUser: {},

extend:{

displayName:"图片发送于2017-12-07 10:07",

imageHeight:"2848.000000",

imageWidth:"4288.000000",

thumbPath:"",

url:""

}

}

message = { // 语音

msgId: "msgid",

msgType: "voice",

isOutGoing: true,

duration: number, // 注意这个值有用户自己设置时长，单位秒

mediaPath: "voice path"

fromUser: {},

extend:{

duration:"3"

isPlayed:false

url:""

}

}

message = { //红包消息

msgId: "msgid",

status: "",

msgType: "redpacket",

isOutGoing: true,

extend: {

comments:"",//祝福语

serialNo:"",//

type:""//红包类型

},

fromUser: {}

}

message = { //红包领取消息

msgId: "msgid",

status: "",

msgType: "redpacketOpen",

isOutGoing: true,

extend: {

serialNo:""

tipMsg:""//红包通知

},

fromUser: {}

}

message = { //转账消息

msgId: "msgid",

status: "",

msgType: "transfer",

isOutGoing: true,

extend: {

amount:"1"

comments:""

serialNo:""

},

fromUser: {}

}

message = { //名片消息

msgId: "msgid",

status: "",

msgType: "card",

isOutGoing: true,

extend: {

imgPath:""//头像

name:""//昵称

sessionId:""//userId

type:""

},

fromUser: {}

}

fromUser 对象格式:

fromUser = {

userId: ""

displayName: ""

avatarPath: "avatar image path"

}