我正在开发一个使用React Web和React Native的项目.我已经实现了一个阵营的Web组件,它允许您从OBJ,MTL和图像文件加载3D模型,一旦模型被加载,你可以编辑它,它和东西连接3D标签,最后保存修改后的3D模型回服务器,我的实现在幕后使用THREE.js.
现在,下一步是能够从服务器检索这些文件,并在React Native应用程序(移动)中呈现已编辑的3D模型.所以我的问题是:我该怎么做呢?我正在考虑使用一些嵌入式Web视图作为本机反应,以便我可以从React Web组件中重用尽可能多的代码,然后以某种方式实现Web视图和本机应用程序之间的某种通信,但我不是很确定如何实际实现这一点.
到目前为止我做了一些研究,我发现如下:
本机WebView for React和webview与本机应用程序之间的桥梁
通过阅读这些页面,我意识到我想做的事情可能是可行的,但我仍然不确定如何实际实现这一点.如何在Webview中生成React Web组件,然后如何使注入的代码与WebView内部Web组件的内部工作交互?
如果我的目的的做法证明不可行,有没有渲染的3D模型的任何替代方法本身的阵营原生应用,希望有媲美three.js所(某种三样库的一个高度抽象的React Native)?
我知道tensor-flow.js是一个基于Web的库,但是出于好奇,我也对React-native进行了尝试,它确实可以工作。它仅在调试模式下有效,并且在调试模式关闭时抛出错误,该错误表明window.location.search不是对象。经过一番研究,我发现该窗口对象是在调试模式下创建的,但是当退出调试模式时,它不存在。
我对此的理解(如果我们能够以某种方式解决),tfjs也可以在react-native上工作,类似于d3,该库的数学部分可以与react一起很好地工作,但dom / svg操作部分却不能。对于tfjs,我们需要的是数学部分,以便它可以在我们的移动设备上运行,如果我错了,请纠正我。
https://github.com/tangtai/tensorflowJs-rn 这是我创建的项目的仓库,它预测线性模型并使用硬编码值进行预测。
我认为,如果tfjs可以在react-native上运行,将会有很多可能性