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.

import {Channel, MessageAvatar} from 'stream-chat-react-native';

const MessagePinnedHeaderComponent = () => <MessagePinnedHeader />

<Channel MessagePinnedHeader={MessagePinnedHeaderComponent} />

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.

TypeDefault
enum(‘right’, ‘left’)‘right’

message

Message object

Type
object

© Getstream.io, Inc. All Rights Reserved.