如何为Expo推送通知添加右侧显示的图片？

要给Expo推送通知添加右侧图片，你需要在推送请求的body中添加data字段，并在其中指定image属性（值为公开可访问的HTTPS图片链接）。以下是修改后的代码：

await fetch("https://exp.host/--/api/v2/push/send", {
  method: "POST",
  headers: {
    Accept: "application/json",
    "Accept-Encoding": "gzip, deflate",
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    to: tokens,
    sound: 'default',
    badge: 1,
    title: "Actualité !",
    body: `${title} - ${commerce.name}`,
    // 新增data字段指定通知图片
    data: {
      image: "https://example.com/your-notification-image.png" // 替换为你的公开HTTPS图片链接
    }
  }),
});

关键说明： #

• data.image是Expo识别通知图片的核心参数，必须使用HTTPS协议的公开可访问图片，否则平台无法加载显示。
• 建议适配不同平台的图片尺寸要求，比如使用1:1或4:3比例的图片，避免显示时出现拉伸或裁剪问题。
• 若需要更复杂的通知样式，可在客户端结合Expo的Notifications模块做自定义渲染，但仅通过推送API的data.image即可实现你需要的右侧图片效果。

内容的提问来源于stack exchange，提问作者Hadrien Jaubert