FileIcon

Renders the file attachment icon inside MessageList.

Best Practices

• Use mimeType to select appropriate icons or colors.
• Keep icon sizes consistent across file attachments.
• Avoid heavy icon rendering logic in large lists.
• Provide a fallback icon for unknown MIME types.
• Customize via the Channel prop to keep overrides centralized.

Basic Usage

Customize it and pass it via the FileAttachmentIcon prop on Channel.

Example: change the icon size.

import { Channel, FileIcon } from "stream-chat-react-native";

<Channel FileAttachmentIcon={() => <FileIcon size={40} />} />;

Props

mimeType

MIME type for the file attachment (for example, application/pdf, audio/mp4).

size

Icon size.