This is beta documentation for Stream Chat React Native SDK v9. For the latest stable version, see the latest version (v8) .

ChannelPreviewMessage

Renders a preview of the latest message inside ChannelList. This is the default component for the PreviewMessage prop.

Best Practices

  • Keep previews short and avoid heavy formatting in list rows.
  • Prefer server-provided preview data when available.
  • Handle missing message text gracefully (attachments-only, system messages).
  • Avoid expensive parsing in render; precompute if needed.
  • Keep preview styling consistent with the rest of ChannelList.

Props

channel

Channel instance from the Stream Chat client.

Type
Channel

lastMessage

Last message in the channel.

Type
LocalMessage | MessageResponse

UI Component Props

ChannelPreviewTypingIndicator

Typing indicator component rendered within Preview.

TypeDefault
ComponentTypeChannelPreviewTypingIndicator

ChannelPreviewMessageDeliveryStatus

Message delivery status component rendered within Preview.

TypeDefault
ComponentTypeChannelPreviewMessageDeliveryStatus

PreviewLastMessage

Last message component rendered within Preview.

TypeDefault
ComponentTypeChannelLastMessagePreview
Previous
ChannelAvatar
Next
ChannelLastMessagePreview