ChannelPreviewTypingIndicator

Renders typing state in a channel row inside ChannelList. This is the default component for the PreviewTypingIndicator prop.

Best Practices

• Keep typing text compact to avoid truncating other preview content.
• Use this component only for list rows where live typing feedback is expected.
• Prefer participant names for group channels and a generic label for DMs.
• Avoid expensive derivation in render; pass precomputed values when customizing.
• Keep indicator styling aligned with ChannelPreviewMessenger.

General Usage

Customize it and pass it via PreviewTypingIndicator on ChannelList.

import {
  ChannelList,
  ChannelPreviewTypingIndicator,
} from "stream-chat-react-native";

const App = () => {
  return (
    <ChannelList
      PreviewTypingIndicator={(props) => (
        <ChannelPreviewTypingIndicator {...props} />
      )}
    />
  );
};

Props

channel

usersTyping

Users currently typing in the channel, excluding the current user.