react-native - 如何在重生中使用带有图像的 data-url？

Question

我有以下图像，我将 data-url 传递到其中，我尝试了两种方法：

[image {:source data-url}]

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

在这两种情况下，我都会收到错误消息：“道具类型失败：提供给图像的道具来源无效。” 我究竟做错了什么？

Answer 1

您以错误的方式导入，react-native，您可以通过这种方式从目录和 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