Info:
This is documentation for Stream Chat React Native SDK v7, which is no longer actively maintained. For up-to-date documentation, see the latest version (v9).

FileUploadPreview

FileUploadPreview is the default UI component for rendering a preview of attached file within MessageInput component.

Props

fileUploads

List of file type attachments currently attached to message, which is being composed in MessageInput component.

[
  {
    file: {
      name: 'test.pdf';
      size: 2000;
      type: 'application/pdf';
      uri: 'file-uri';
    };
    id: 'asdas232bk3jb42k3';
    state: 'uploaded'; // or 'finished'
    url: 'https://cdn.getstream.io/kajsnkj2n3j4';
  }
]
Type
FileUpload[]

removeFile

Removes attached file in message, which is being composed in MessageInput component. By default, this function is attached to onPress handler for close button in FileUploadPreview. It takes a string ID of the file to be removed in the fileUploads array as parameter.

Type
(id: string) => void

uploadFile

This function is used internally by uploadNewFile function, and is used for purpose retry mechanism.

Type
({ newFile: FileUpload }) => Promise
Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React Native v7: <Your Question>