# MessageSimple

Component to render a message within the [`MessageList`](/chat/docs/sdk/react-native/v5/ui-components/message-list/). This component has been well optimized to save un-necessary re-renderings.
This is the default component provided to the prop [`MessageSimple`](/chat/docs/sdk/react-native/v5/core-components/channel#messagesimple/) on the `Channel` component.

## Props

### `alignment`

Sets if the message should be aligned to right or left side of list.

| Type                  | Default |
| --------------------- | ------- |
| enum('right', 'left') | 'right' |


### `enableMessageGroupingByUser`

**Note:** This prop is available only in SDK version >= [v3.9.0](https://github.com/GetStream/stream-chat-react-native/releases)

If false, consecutive messages from same user won't be grouped together.

| Type    | Default |
| ------- | ------- |
| boolean | true    |


### `groupStyles`

Position of message in the group. A message group is a group of consecutive messages from the same user. `groupStyles` can be used to style the message as per their position in message group.

For example, user avatar (to which message belongs to) is only showed for last (bottom) message in group.

| Type                                               |
| -------------------------------------------------- |
| array of enum('top', 'bottom', 'middle', 'single') |


### `hasReactions`

True if the message has at least 1 reaction.

| Type    |
| ------- |
| boolean |


### `message`

Message object.

| Type           |
| -------------- |
| `Message` type |


## UI Component Props

### `MessageAvatar`

Component to render avatar of sender for message, within [`MessageList`](/chat/docs/sdk/react-native/v5/ui-components/message-list/). This component is only rendered for messages from other users.

| Type          | Default                                                                                                                                              |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| ComponentType | [`MessageAvatar`](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/components/Message/MessageSimple/MessageAvatar.tsx) |


### `MessageContent`

Component to render content of message including status, attachments, reactions etc., within [`MessageList`](/chat/docs/sdk/react-native/v5/ui-components/message-list/).

| Type          | Default                                                                           |
| ------------- | --------------------------------------------------------------------------------- |
| ComponentType | [`MessageContent`](/chat/docs/sdk/react-native/v5/ui-components/message-content/) |


### `ReactionList`

Component to render list of reactions at top of message bubble.

| Type          | Default                                                                       |
| ------------- | ----------------------------------------------------------------------------- |
| ComponentType | [`ReactionList`](/chat/docs/sdk/react-native/v5/ui-components/reaction-list/) |



---

This page was last updated at 2026-07-10T16:05:07.143Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/message-simple/](https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/message-simple/).