annabelnlau

https://www.linkedin.com/in/annabelnlau

annabelnlau

<View>
   <VrButton>
      <Image
          source={asset('clock.png')}
          style={{
               position: 'absolute',
               width: 3,
               height: 3,
               layoutOrigin: [0.7, 0.7],
               transform: [{ translate: [19, 6, 8] }, { rotateY: -90 }],

annabelnlau

import React from 'react'
import {
    Image,
    View,
    asset
} from 'react-vr'

function Clock () {
    return (
        <View>

annabelnlau

import React, { Component } from 'react';
import {
  AppRegistry,
  asset,
  Pano,
  View
} from 'react-vr';

import Clock from './components/clock'

annabelnlau

import React, { Component } from 'react'
import {
    VrButton,
    View,
    Text,
    Image,
    asset
} from 'react-vr'

export default class Clock extends Component {

annabelnlau

toggleDisplayText() {
        if (!this.state.displayingClockText) {
            this.setState({ displayingClockText: true })
        } else {
            this.setState({ displayingClockText: false })
        }
    }

annabelnlau

export default class Clock extends Component {
  constructor(props) {
  super(props)
    this.state = {
            displayingClockText: false
}
    ...

annabelnlau

<Image
  source={asset('clock.png')}
  style={{
  position: 'absolute',
  width: 3,
  height: 3,
  layoutOrigin: [0.7, 0.7],
  transform: [{ translate: [19, 10.5, 8] }, { rotateY: -90 }],
  }}
/>

annabelnlau

<Text
    style={{
     backgroundColor: '#777879',
     fontSize: 0.8,
     fontWeight: '400',
     layoutOrigin: [0.5, 0.5],
     paddingLeft: 0.2,
     paddingRight: 0.2,
     textAlign: 'center',
     textAlignVertical: 'center',