import {Channel, MessageAvatar} from 'stream-chat-react-native';
const MessagePinnedHeaderComponent = () => <MessagePinnedHeader />
<Channel MessagePinnedHeader={MessagePinnedHeaderComponent} />
This is documentation for
Stream Chat React Native SDK v4, which is nolonger actively maintained. For up-to-date documentation, see the latest version (v5).
MessagePinnedHeader
Component to render the pinned message label (user) of a message within the MessageList
.
Basic Usage
You can customize the MessagePinnedHeader
component and provide it back to the SDK via the MessagePinnedHeader
prop on Channel
if desired.
Props
This component uses default values for all the following props, from MessageContext
alignment
Sets if the message should be aligned to right or left side of list.
Type | Default |
---|---|
enum(‘right’, ‘left’) | ‘right’ |
message
Message object
Type |
---|
object |
On this page: