This is beta documentation for Stream Chat React Native SDK v9. For the latest stable version, see the latest version (v8)
.
MessageStatus
Renders message status (read receipts, pending indicator, etc.) inside MessageList. This is the default component for the MessageStatus prop.
Best Practices
- Respect privacy expectations before showing read receipts.
- Keep status indicators subtle to avoid UI clutter.
- Avoid heavy logic in render; use message state directly.
- Use consistent icons/colors across message states.
Props
message
Message object.
| Type |
|---|
Message type |
deliveredToCount
Number of members the message was delivered to.
| Type |
|---|
| number |
readBy
Read state for the message.
| Type |
|---|
boolean | number |
formattedDate
Already formatted date passed to MessageTimestamp.
| Type |
|---|
String | Date | undefined |
timestamp
Raw timestamp passed to MessageTimestamp.
| Type |
|---|
String | Date | undefined |
UI Component Props
MessageTimestamp
Component used to render timestamp text for message status.
| Type | Default |
|---|---|
| ComponentType | MessageTimestamp |