Thread

Renders thread replies for a message, with an input for new replies. Internally uses MessageList and MessageInput.

Best Practices

• Render Thread within Channel and pass thread/threadList correctly.
• Use closeThreadOnDismount to keep channel state in sync.
• Avoid heavy customization; override MessageList/MessageInput only when needed.
• Keep thread input focused only when appropriate (autoFocus).
• Use reloadThread/loadMoreThread instead of manual pagination.

General Usage

import {
  OverlayProvider,
  Chat,
  Channel,
  Thread,
} from "stream-chat-react-native";

const App = () => {
  return (
    <OverlayProvider>
      <Chat client={client}>
        <Channel channel={channel} thread={message} threadList>
          <Thread />
        </Channel>
      </Chat>
    </OverlayProvider>
  );
};

Props

additionalMessageInputProps

Additional props for underlying MessageInput component.

additionalMessageListProps

Additional props for underlying MessageList component.

autoFocus

When true, the input auto-focuses on mount.

closeThreadOnDismount

Closes thread on dismount, defaults to true.

client

Stream Chat client instance.

closeThread

Unsets the thread and thread messages in the Channel state.

disabled

When true, the underlying input box will be disabled.

loadMoreThread

Loads more messages for the thread. Returns a promise.

onThreadDismount

Called when Thread unmounts.

parentMessagePreventPress

Boolean to enable/disable parent message press.

reloadThread

Reloads the thread and thread messages.

thread

UI Component Props

MessageList

MessageInput