facebook / react-native

A framework for building native applications using React
https://reactnative.dev
MIT License
118.89k stars 24.3k forks source link

[Android] Webview - AR: Insert phone into Cardboard holder. #20965

Closed anton6 closed 6 years ago

anton6 commented 6 years ago

Environment

react-native: 0.56

Description

When I try running aframe "hello world" example in VR mode (clicking on cardboard icon in bottom right corner) I get message "Insert phone into Cardboard holder". I can't find the way to dismiss the message. When I press the "X" icon it just goes back to standard 3D mode.

Does react-native Webview not support VR mode at this stage?

Thanks.

Reproducible Demo

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

export default class MyWeb extends Component {
  render() {
    return (
      <WebView
        source={{uri: 'https://aframe.io/aframe/examples/boilerplate/hello-world'}}
        style={{marginTop: 20}}
      />
    );
  }
}

Current Behaviour:

img_20180904_153402

Expected Behaviour:

screenshot_20180904-152007

react-native-bot commented 6 years ago

Can you run react-native info and edit your issue to include these results under the Environment section?

If you believe this information is irrelevant to the reported issue, you may write [skip envinfo] under Environment to let us know.

anton6 commented 6 years ago

Turns out it was because the app was locked in portrait mode.