WebXR 在 React Native WebView 组件中不起作用

van*_*ers 2 webview augmented-reality react-native aframe webxr

如何让https://xr-spinosaurus.glitch.me/在 React Native WebView 组件中工作?

import React, { Component } from 'react';
import { WebView } from 'react-native';

export default class MyWeb extends Component {
  render() {
    return (
      <WebView
        source={{uri: 'https://xr-spinosaurus.glitch.me/'}}
        style={{marginTop: 20}}
      />
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

现在将此添加到 react-native 仅显示 VR 选项,而不显示 AR 选项。

如果您直接访问链接,您可以看到 VR 和 AR 选项,但在 React-Native 内的 Web 视图组件中运行时我找不到 AR 选项但是如果我直接访问支持的 ARCore 上的链接,则可以使用相同的 AR 选项设备。

如何让这段代码也显示 React-Native 中的 AR 选项?

小智 5

AFAIK 目前是不可能的,因为 Android WebView(还)不支持 WebXR Device API(在苹果上也不支持)。来源:https : //developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API

我遇到了同样的问题,希望很快就会添加支持,但现在你无能为力。