消息类型 | 显示效果图 |
文本类消息 | |
图片类消息 | |
语音类消息 | |
视频类消息 | |
文件类消息 | |
src/TUIKit/components/TUIMessage/element/custom_element.tsx
文件下新增您需要的自定义消息展示结构样式。import React from 'react';import {Text} from 'react-native';import type {V2TimMessage} from 'react-native-tim-js/lib/typescript/src/interface';export const CustomElement = (props: {message: V2TimMessage}) => {const {message} = props; //message包含了当前自定义消息的所有属性,您可以根据自定义需求来更改渲染结果。console.log(message);return <Text>["自定义消息"]</Text>;};
import { TencentImSDKPlugin } from 'react-native-tim-js';// 创建自定义消息const createCustomMessageRes = await TencentImSDKPlugin.v2TIMManager.getMessageManager().createCustomMessage({data: '自定义data',desc: '自定义desc',extension: '自定义extension',});if (createCustomMessageRes.code === 0) {const id = createCustomMessageRes.data?.id;// 发送自定义消息// 在sendMessage时,若只填写receiver则发个人用户单聊消息// 若只填写groupID则发群组消息// 若填写了receiver与groupID则发群内的个人用户,消息在群聊中显示,只有指定receiver能看见const sendMessageRes = await TencentImSDKPlugin.v2TIMManager.getMessageManager().sendMessage({ id: id!, receiver: 'userID', groupID: 'groupID' });if (sendMessageRes.code === 0) {// 发送成功sendMessageRes.data?.customElem?.data; //自定义datasendMessageRes.data?.customElem?.desc; //自定义descsendMessageRes.data?.customElem?.extension; //自定义extension}}
本页内容是否解决了您的问题?