Reaction List

The ReactionList component serves the purpose of showcasing reactions associated with a message directly beneath it.

Customisations Available

ReactionList supports below styling customisations as of now. All of the styling customisations are optional as of now, if some styling customisation is not provided, then we pick up the default styling which we have.

Customisable props available along with their types:

Parameter	Type	Optional
reactionSize	number	✔️
reactionLeftItemStroke	string	✔️
reactionRightItemStroke	string	✔️
reactionItemBorderRadius	number	✔️
gap	number	✔️
selectedMessageBackgroundColor	string	✔️
tabOptionColor	string	✔️

Code snippet

import { STYLES } from "@likeminds.community/chat-rn-core";

// styling for reactionListStyles
const reactionListStyles = {
  tabOptionColor: "#B7D340",
};

if (reactionListStyles) {
  STYLES.setReactionListStyle(reactionListStyles);
}

return <LMOverlayProvider
  lmChatClient={lmChatClient}
  userName={userName}
  userUniqueId={userUniqueId}
  profileImageUrl={profileImageUrl}
  lmChatInterface={lmChatInterface}
>
  {/* Add navigation container */}
</LMOverlayProvider>;