javascript - React Native - 文档未定义

Question

我正在将移动应用程序从 Cordova 移植到 React Native。 Cordova 应用程序依赖于第 3 方 JavaScript 库 Kandy.Io

这个库使用了全局 document目的。当我将该库导入我的 React Native 项目时，我看到错误:

document is not defined 

我知道在浏览器环境中没有 DOM，但是有什么方法可以在 React Native 项目中使用文档对象，以便我可以继续使用这个库？

Answer 1

当使用带有threejs的react native webgl时，我有“文档未定义”。

简短摘要:Textureloader 不起作用，因为它需要一个需要不可访问的 DOM 的图像加载器。

显然有一个 THREE.Texture 函数，我是这样使用的:

let texture = new THREE.Texture(
     url //URL = a base 64 JPEG string in this case     
     );

var img = new Image(128, 128);
img.src = url;
texture.normal = img;

正如你所看到的，我使用了一个 Image 构造函数，它来自 React Native 并像这样导入:

import { Image } from 'react-native';

在 react native documentation它将解释如何使用它，它支持 base64 编码的 JPEG。

您可以在您的情况下尝试类似的方法，因此您应该做的是查看哪个函数使用该文档并覆盖该函数或使用 react native 提供的东西来解决它