Skip to main content
Version: v4

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.

TypeDefault
enum('right', 'left')'right'

reactions#

List of existing reactions which can be extracted from a message.

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,
}));
Type
array

required
showScreen#

Shared value from React Native Reanimated's useSharedValue hook.

Type
object

overrides the value from MessagesContext
supportedReactions#

List of reactions which can be added on message. Please refer to the guide on customizing reactions for details.

TypeDefault
arrayreactionData

required
title#

Title for the component.

Type
string

Did you find this page helpful?