Skip to main content
Version: v3

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 the React Native Reanimated 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?