const reactions = message.latest_reactions.map(reaction => ({
alignment: clientId && clientId === reaction.user?.id ? 'right' : 'left',
image: reaction?.user?.image,
name: reaction?.user?.name || reaction.user_id || '',
type: reaction.type,
}));
This is documentation for
Stream Chat React-native SDK v3, which is no longer actively maintained. For up-to-date documentation, see the latest version (v5).
OverlayReactions
OverlayReactions
component is used to display the list of existing reactions within the message overlay, which opens up when the user long presses a message.
This is the default component provided to the prop OverlayReactions
on the OverlayProvider
component.
Props
alignment
Sets if the message should be aligned to right or left side of list.
Type | Default |
---|---|
enum(‘right’, ‘left’) | ‘right’ |
reactions
List of existing reactions which can be extracted from a message.
Type |
---|
array |
showScreen
Shared
value from the React Native Reanimated useSharedValue
hook.
Type |
---|
object |
supportedReactions
List of reactions which can be added on message. Please refer to the guide on customizing reactions for details.
Type | Default |
---|---|
array | reactionData |
title
Title for the component.
Type |
---|
string |