如何在图片中使用data-url？

Question

我将一个data-url传入到下面的图像中，我尝试了两种方法：

[image {:source data-url}]

[image {:source {:uri data-url}}]

在这两种情况下，我都会得到错误：“prop type失败:为映像提供的prop source无效。”我做错了什么？

Answer 1

您正在以错误的方式导入，反应本机，您可以通过这种方式从目录和url中获取图像。

<Image
          style={{width: 50, height: 50}}
          source={require('@expo/snack-static/react-native-logo.png')}
        />
        <Image
          style={{width: 50, height: 50}}
          source={{uri: 'https://reactnative.dev/img/tiny_logo.png'}}
        />
        <Image
          style={{width: 66, height: 58}}
          source={{uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQS />

这是链接，您可以从官方文档中查看

https://reactnative.dev/docs/image