MessageTextContainer

Renders message text content inside MessageContent. It applies markdown rules, translation, and emoji-only styling.

Best Practices

  • Keep markdown customizations small and deterministic.
  • Use messageTextNumberOfLines for overlay truncation behavior.
  • Prefer MessageText override only when you need full text rendering control.
  • Keep text press handlers lightweight.
  • Use theme overrides for styling before replacing rendering logic.

Props

Prop Description Type
message Message object. Message type
onLongPress Default long press handler for message UI. function
onPress Default press handler for message UI. function
onlyEmojis True if the message text contains only emojis. boolean
preventPress Disable text press interactions. boolean
markdownRules Rules for simple-markdown. object
markdownStyles Markdown style overrides for message text. object
messageOverlay Whether the text is rendered in overlay mode. boolean
messageTextNumberOfLines Number of text lines to render in overlay mode. number
myMessageTheme Theme applied to the current user's messages. Memoize this object or pass a stable reference. object
styles Style overrides for internal text container wrapper. object

UI Component Props

MessageText

Custom component used for message text rendering.

Type Default
ComponentType renderText
Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.

Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React Native v9: <Your Question>