我正在开发一个使用 React Web 和 React Native 的项目。我已经实现了一个 React Web 组件,它允许您从 OBJ、MTL 和图像文件加载 3D 模型,加载模型后您可以对其进行编辑,在其上附加 3D 标签等内容,最后将编辑的 3D 模型保存回服务器,我的实现在幕后使用 THREE.js。
现在,下一步是能够从服务器检索这些文件并在 React Native 应用程序(移动设备)中渲染编辑后的 3D 模型。所以我的问题是:我应该如何去做呢?我正在考虑使用一些嵌入式 Web 视图来实现 React Native,这样我就可以尽可能多地重用 React Web 组件中的代码,然后以某种方式实现 Web 视图和本机应用程序之间的某种通信,但我不太喜欢确定如何实际实施这一点。
到目前为止我已经做了一些研究,发现如下:
React 的原生 WebView and Webview 和 Native App 之间的桥梁
通过阅读这些页面,我感觉到我想做的事情可能是可行的,但我仍然不确定如何实际实现它。如何使 React Web 组件驻留在 Webview 中,然后如何使注入的代码与 WebView 中的 Web 组件的内部工作进行交互?
如果我的预期方法被证明不可行,是否有任何替代方法可以在 React Native 应用程序中本地渲染 3D 模型,希望具有与 THREE.js (某种类似 THREE 的库)相当的高抽象级别反应本机)?
Expo,通过 create-react-native-app 创建应用程序的框架有一个GLView它提供对原生 OpenGL 的访问。
有一个展会中使用Three.js的教程.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)