/ SDKs / Flutter
Chat SDKs Flutter v4
Chat SDKs Flutter
Chat SDKs
Version 4

Generate thumbnails of a file message

Copy link

When sending an image file, you can determine whether to create thumbnails of the image to fetch and render into your UI. You can specify up to three different sizes for thumbnail images.

Note: Supported file types are image/* and video/*. The Chat SDK doesn't support creating thumbnails when sending a file message via URL.

The sendFileMessage() method requires passing a FileMessageCreateParams object as an argument to its parameter. It contains an array of thumbnailSizes objects which specify the maximum values of width and height of each thumbnail image. The handler callback subsequently returns the array of thumbnailSizes objects that contain the URL of each generated thumbnail image file.

A thumbnail image is generated to fit within the bounds of the provided maxWidth and maxHeight. If the size of the original image is smaller than the specified dimensions, the original image will have the width and height of the specified dimensions. The URL of the thumbnail returns the location of the generated thumbnail file within the Sendbird server.

// Send a file message with a raw file.
final params = FileMessageCreateParams.withFile(FILE)
  ..thumbnailSizes =[Size(100, 100), Size(40, 40)]
  ..customType = 'CUSTOM_TYPE'
  ..mentionType = MentionType.users  // This could be either MentionType.users or MentionType.channel.
  ..mentionedUserIds = ['Jeff', 'Julia']
  ..pushNotificationDeliveryOption = PushNotificationDeliveryOption.normal;

try {
  final message = channel.sendFileMessage(params, handler: (message, e) {
    If (e != null) {
      // Handle error.
    } else {
      // A file message with detailed configuration is successfully sent to the channel.
      // By using fileMessage.messageId, fileMessage.fileName, fileMessage.customType, and so on.
      // You can access the result object from the Sendbird server to check your FileMessageParams configuration.
      // The current user can receive messages from other users through the onMessageReceived() method of an channel event handler.
} catch (e) {
  // Handle error.