Comment View

Overview

LMCommentItem is designed to display detailed information about a comment for a feed post.

GitHub File

• LMCommentItem

Styling Customisation

These customisations can be set by calling the setPostDetailStyles and setting the commentItemStyle property through the STYLES class

Property	Type	Description	Optional
onTapViewMore	() => void	Callback when "View More" is tapped	✔
commentUserNameStyle	TextStyle	Style for comment username	✔
commentContentProps	LMTextProps	Props for the comment content	✔
replyTextProps	ReplyTextProps	Props for the reply button	✔
repliesCountTextStyle	TextStyle	Style for the replies count text	✔
timeStampStyle	TextStyle	Style for the timestamp	✔
viewMoreRepliesProps	LMTextProps	Props for "View More Replies" text	✔
onTapReplies	() => void	Callback when replies are tapped	✔

---

replyTextProps

Property	Type	Description	Optional
text	LMTextProps	Props for the reply text	✔
icon	LMIconProps	Props for the reply icon	✔
onTap	(value?: any) => void	Callback when reply is tapped	✔
placement	| "start" | "end"	Placement of reply button	✔
buttonStyle	ViewStyle	Style for the reply button	✔
isClickable	boolean	If the reply button is clickable	✔

Usage Example

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

STYLES.setPostDetailStyles({
  commentItemStyle: {
    commentContentProps: {
      textStyle: {
        color: 'blue',
        fontStyle: 'italic'
      },
    },
    commentUserNameStyle: {
      fontSize: 16
    },
    repliesCountTextStyle: {
      fontWeight: 'bold'
    }
  }
})