Skip to main content
Version: v5

FileAttachment

Component to render file attachments within the MessageList.

Basic Usage

You can customize this component and provide it back to the SDK via the FileAttachment prop on Channel if desired.

Changing the size of the file attachment icon can be easily accomplished.

import { Channel, FileAttachment } from 'stream-chat-react-native';

<Channel FileAttachment={() => <FileAttachment attachmentSize={40} />}

Props

required
attachment

Attachment object for file type attachment.

Type
Object

attachmentSize

Size of an attachment icon. This value gets passed to FileAttachmentIcon component.

Type
Number

overrides the value from MessagesContext
additionalTouchableProps

Additional props provided to the underlying TouchableOpacity used by components within a message such as MessageContent.

Type
object

UI Component Props

overrides the value from MessagesContext
AttachmentActions

Component to render additional actions on attachment. for example send, shuffle, cancel in case of Giphy.

TypeDefault
ComponentTypeAttachmentActions

overrides the value from MessagesContext
FileAttachmentIcon

Component to render file icon for file type attachment.

TypeDefault
ComponentTypeFileIcon

Did you find this page helpful?