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

ReactionListClustered

ReactionListClustered renders reactions in a compact clustered style. It can be used as a custom implementation for reaction list rendering in MessageList.

Best Practices

Use clustered mode when horizontal space is limited.
Keep supportedReactions aligned with your channel configuration.
Avoid heavy logic inside press handlers to keep list interactions smooth.
Use accessibilityLabel for improved screen-reader support.
Keep container styling minimal to preserve default hit targets.

Props

`hasReactions`

True if the message has at least one reaction.

Type
boolean

`onPress`

Default press handler for message UI.

Type
function

`onPressIn`

Default pressIn handler for message UI.

Type
function

`preventPress`

Disables press interactions on reaction items.

Type
`boolean`

`reactions`

Reactions summary list for the message.

Type
`array`

`showReactionsOverlay`

Opens reactions overlay.

Type
`(reactionType?: string) => void`

`supportedReactions`

List of reactions users can add to messages. See customizing reactions.

Type	Default
Array	reactionData

`containerStyle`

Custom style for the clustered content container.

Type
`StyleProp<ViewStyle>`

`accessibilityLabel`

Accessibility label for the clustered reaction list container.

Type
`string`

ReactionListBottom

ReactionListItem