text: import React from 'react';
  import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
  } from 'react-360';
  
  export default class vr_app extends React.Component {
    state = {
      time: new Date().toLocaleTimeString()
    }
    componentDidMount() {
      setInterval(() => {
        this.setState({time: new Date().toLocaleTimeString()})
        
      }, 1000);
    }
    render() {
      return (
        <View style={styles.panel}>
          <View style={styles.greetingBox}>
            <Text style={styles.greeting}>
              Time: {this.state.time}
            </Text>
          </View>
        </View>
      );
    }
  };
  
  const styles = StyleSheet.create({
    panel: {
      // Fill the entire surface
      width: 1000,
      height: 600,
      backgroundColor: 'rgba(255, 255, 255, 0.4)',
      justifyContent: 'center',
      alignItems: 'center',
    },
    greetingBox: {
      padding: 20,
      backgroundColor: '#000000',
      borderColor: '#639dda',
      borderWidth: 2,
    },
    greeting: {
      fontSize: 30,
    },
  });
  
  AppRegistry.registerComponent('vr_app', () => vr_app);
  