无法在React Native中使用基于Web的功能

Question

我正在使用 expo 开发一个本机应用程序。我正在使用打字稿。我有现有的张量流模型，并且正在使用 tfjs 浏览器方法将图像转换为张量

tf.browser.fromPixels()

。此方法接受文档中提到的HTMLImageElement或ImageData。

我正在尝试初始化一个新的图像对象，并将 Base64 数据字符串分配给

src

属性，该属性是我从 expo-camera

takePictureAsync()

响应获得的，然后使用 node-canvas 将图像对象传递到画布。

const img = new Image()

但是使用构造函数会出现如下错误；

ReferenceError: Can't find variable: Image

我没有收到任何使用

Image

构造函数的导入错误。在 React Native 中不能使用 Web 视图方法吗？我在这里做错了什么？

Answer 1

您可以将其保存为普通字符串，无需创建对象。当您要显示带有保存的 base64 的图像时，只需执行以下操作：

import {Image} from 'react-native';

const photoBase64= data:undefined;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIoSUNDX1BST0ZJTEUAAQEAAAIYAAAAAAIQAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAHRyWFlaAAABZAAAABRnWFlaAAABeAAAABRiWFlaAAABjAAAABRyVFJDAAABoAAAAChnVFJDAAABoAAAAChiVFJDAAABoAAAACh3dHB0AAAByAAAABRjcHJ0AAAB3AAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAFgAAAAcAHMAUgBHAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA;   

<Image
 source={{ uri: photoBase64 }}
 className="h-full w-full"
/>