MessagesScreenApi

MessagesScreenApi()

消息屏幕钩子。实例名称:messagesScreenApi

你可以使用这个钩子自定义消息列表屏幕部分,如日期,头像,消息预览等。

构造函数

新MessagesScreenApi()

例子
externalCodeSetup.messagesScreenApi.METHOD_NAME

方法

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) => ) }
Baidu