import { OverlayProvider, Chat, Channel, Thread } from 'stream-chat-react-native';
const App = () => {
return (
<OverlayProvider>
<Chat client={client}>
<Channel channel={channel} thread={message} threadList>
<partial id="chat-sdk/react-native/v5-latest/_partials/common-content/ui-components/channel/props/thread"></partial>
</Channel>
</Chat>
</OverlayProvider>
);
};
Thread
Component to render thread replies for a message, along with and input box for adding new thread replies. This component internally uses MessageList
and MessageInput
components.
General Usage
Props
additionalMessageInputProps
Additional props for underlying MessageInput
component.
Type |
---|
Object |
additionalMessageListProps
Additional props for underlying MessageList
component.
Type |
---|
Object |
autoFocus
When true, input box will be auto focused upon mounting.
Type | Default |
---|---|
Boolean | true |
closeThreadOnDismount
Closes thread on dismount, defaults to true
.
Type | Default |
---|---|
Boolean | true |
client
Instance of StreamChat client.
Type |
---|
StreamChat |
closeThread
Unsets the thread and thread messages in the Channel state.
Type |
---|
Function |
disabled
When true, the underlying input box will be disabled.
Type | Default |
---|---|
Boolean | false |
loadMoreThread
Loads more messages for the thread. Returns a promise.
Type |
---|
() => Promise<void> |
onThreadDismount
Function which gets called when Thread component un-mounts.
Type |
---|
Function |
parentMessagePreventPress
Boolean to enable/disable parent message press.
Type | Default |
---|---|
Boolean | true |
reloadthread
Reloads the thread and thread messages.
Type |
---|
function |
thread
Can be either a MessageType
object or a ThreadType
that when set indicates a thread is open.
Both of the types may be used interchangeably.
When used with the Thread
component this will display the thread.
When used with the standard MessageList
component this will prevent any singleton components in the OverlayProvider
form getting out of sync.
thread
should be set on all Channel
components when a thread is open.
Type |
---|
object |
UI Component Props
MessageList
Type | Default |
---|---|
ComponentType | MessageList |
MessageInput
Type | Default |
---|---|
ComponentType | MessageInput |