MessagePinnedHeader
Component to render the pinned message label (user) of a message within the MessageList
.
#
Basic UsageYou can customize the MessagePinnedHeader
component and provide it back to the SDK via the MessagePinnedHeader
prop on Channel
if desired.
import {Channel, MessageAvatar} from 'stream-chat-react-native';
const MessagePinnedHeaderComponent = () => <MessagePinnedHeader />
<Channel MessagePinnedHeader={MessagePinnedHeaderComponent} />
#
PropsThis component uses default values for all the following props, from MessageContext
overrides the value from MessageContext alignment#
Sets if the message should be aligned to right or left side of list.
Type | Default |
---|---|
enum('right', 'left') | 'right' |
overrides the value from MessageContext message#
Message object
Type |
---|
object |