方法
#setMessageSingleComponent(MessageSingleComponent可以为空)
你可以使用这个钩子来修改消息条目行和它的组件,如日期,头像和消息预览。
参数:
的名字 | 类型 | 属性 | 描述 |
---|---|---|---|
MessageSingleComponent |
React.ComponentType。<MessageSingleComponentProps> | <空> |
例子
/ /在custom_code /组件/ MessageSingle.js……import React from " React ";import {View, StyleSheet, Text} from "react-native";从@src/components/AppTouchableOpacity导入AppTouchableOpacity;从@src/components/hocs/withSettings中导入{withSettings};从"@src/utils"导入{formatDate};import {GUTTER} from "@src/styles/global";import {RichHtmlText} from "@src/utils/htmlRender";import {AvatarIcon, MessagesAvatars} from "@src/components/Messages/MessageSingle";//从BuddyBoss应用程序代码获得头像组件。 You can also create your own component to use const dotSize = 10; const dotGap = 8; const MessageSingle = props => { const {item, index, global, colors, t, toThread} = props; return ( {item.unread && ( )} // {item.date} // // // {`${item.lastSenderName}`} // {item.excerpt} // // ); }; const styles = StyleSheet.create({ item: { flex: 1, paddingRight: GUTTER }, itemInner: { flex: 1, justifyContent: "space-between" }, text: { paddingTop: 15, paddingBottom: 15, marginLeft: 12, flex: 1 }, dot: { marginRight: dotGap, borderRadius: 5, width: dotSize, height: dotSize } }); export default withSettings(MessageSingle); //In custom_code/index.js... ... import MessageSingle from "./components/MessageSingle"; export const applyCustomCode = externalCodeSetup => { externalCodeSetup.messagesScreenApi.setMessageSingleComponent((props) => ) }