chat - 如何显示存储在变量中的图像？

Question

在天才聊天中，有一个image字段可以是指向要显示的图像的 URL。这是一个消息示例：

{
    _id: 30,
    createdAt: new Date(),
    image: 'https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Paris_-_Eiffelturm_und_Marsfeld2.jpg/280px-Paris_-_Eiffelturm_und_Marsfeld2.jpg',
    user: {
      _id: 2,
      name: 'React Native',
    },
  },

对于存储在变量中的图像文件img，如何在聊天消息中显示它？message.image = img不工作。

Answer 1

您可以将 url 传递给源。

喜欢

<Image
    source={{uri: img}}
    />

Answer 2

下面的代码解决了这个问题，假设fileBuffer存储的是jpeg图片文件的数据流。

{
    _id: 30,
    createdAt: new Date(),
    image: "data:image/png;base64," + fileBuffer,
    user: {
      _id: 2,
      name: 'React Native',
    },
  },