ChannelLastMessagePreview

Renders icon + text for the latest message preview in a channel row. This component is used by ChannelPreviewMessage to render the final preview content.

Best Practices

• Keep preview text short and single-line for stable list row height.
• Use semantic text colors so deleted and normal messages are clearly differentiated.
• Avoid heavy formatting logic inside render for large channel lists.
• Keep icon usage consistent with the message type being previewed.
• Reuse this component when customizing ChannelPreviewMessage to preserve SDK behavior.

General Usage

Use it when overriding ChannelPreviewMessage through ChannelList.

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

const CustomPreviewMessage = ({ lastMessage }) => {
  if (!lastMessage) return null;
  return <ChannelLastMessagePreview message={lastMessage} />;
};

const App = () => {
  return (
    <WithComponents overrides={{ ChannelPreviewMessage: CustomPreviewMessage }}>
      <ChannelList />
    </WithComponents>
  );
};

Props