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

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

以下代码解决问题，假设fileBuffer存储的是jpeg图片文件的数据流

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

Answer 2

您可以将 url 传递给源。

喜欢

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

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

How to display image stored in a variable?

chat

react-native-gifted-chat