{
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 v4, which is no longer actively maintained. For up-to-date documentation, see the latest version (v5).
OverlayReactionsAvatar
OverlayReactionsAvatar
component is used to display the avatar of the users who have reacted to the message. This is displayed on the message overlay, which opens up when the user presses on the reaction above the message.
This is the default component provided to the prop OverlayReactionsAvatar
on the OverlayProvider
component.
Props
reaction
Reaction which can be extracted from a message.
Type |
---|
Object |
size
Dimension for avatar image.
You can also set the size for message avatar, using our theming system.
const theme = {
avatar: {
BASE_AVATAR_SIZE: 30,
},
};
Type | Default |
---|---|
number | 32 |