VideoThumbnail
VideoThumbnail is the default UI for rendering video thumbnails in MessageList. It uses ImageComponent from ComponentsContext for the thumbnail image and can show pending upload progress for local video attachments.
Best Practices
- Provide a fallback thumbnail when
thumb_urlis missing. - Keep thumbnail sizes consistent with image galleries.
- Avoid heavy overlays that obscure the preview.
- Ensure tap targets are clear for play/open actions.
- Use cached images for smooth scrolling performance.
Props
| Prop | Description | Type |
|---|---|---|
imageStyle |
Style applied to the thumbnail image. | object |
localId |
Local attachment id used to read client.uploadManager for pending uploads. |
string |
style |
Style applied to the thumbnail container. | object |
thumb_url |
Thumbnail URL for the video. | string |
UI Component Props
| Prop | Description | Type |
|---|---|---|
AttachmentUploadIndicator |
Renders pending upload progress over local video thumbnails. Defaults to AttachmentUploadIndicator. |
ComponentType |
ImageComponent |
Renders the thumbnail image. Defaults to React Native Image, and can be replaced for custom caching behavior. |
ComponentType |