Update App.js

Author: tufanlodos

App.js

@@ -1,44 +1,50 @@
-import React, { Component } from 'react';
-import { StyleSheet } from 'react-native';
+import React, {useState} from 'react';
+import {StyleSheet} from 'react-native';
 import {
  ViroARScene,
  ViroText,
  ViroConstants,
- ViroARSceneNavigator
+ ViroARSceneNavigator,
 } from '@viro-community/react-viro';
 
-class HelloWorldSceneAR extends Component {
+const HelloWorldSceneAR = () => {
+ const [text, setText] = useState('Initializing AR...');
 
- constructor(props) {
- super(props);
- // Set initial state here
- this.state = {
- text : "Initializing AR..."
- };
- // bind 'this' to functions
- this._onInitialized = this._onInitialized.bind(this);
- }
-
- render() {
- return (
- <ViroARScene onTrackingUpdated={this._onInitialized} >
- <ViroText text={this.state.text} scale={[.5, .5, .5]} position={[0, 0, -1]} style={styles.helloWorldTextStyle} />
- </ViroARScene>
- );
- }
-
- _onInitialized(state, reason) {
- if (state == ViroConstants.TRACKING_NORMAL) {
- this.setState({
- text : "Hello World!"
- });
- } else if (state == ViroConstants.TRACKING_NONE) {
+ function onInitialized(state, reason) {
+ console.log('guncelleme', state, reason);
+ if (state === ViroConstants.TRACKING_NORMAL) {
+ setText('Hello World!');
+ } else if (state === ViroConstants.TRACKING_NONE) {
  // Handle loss of tracking
  }
  }
-}
+
+ return (
+ <ViroARScene onTrackingUpdated={onInitialized}>
+ <ViroText
+ text={text}
+ scale={[0.5, 0.5, 0.5]}
+ position={[0, 0, -1]}
+ style={styles.helloWorldTextStyle}
+ />
+ </ViroARScene>
+ );
+};
+
+export default () => {
+ return (
+ <ViroARSceneNavigator
+ autofocus={true}
+ initialScene={{
+ scene: HelloWorldSceneAR,
+ }}
+ style={styles.f1}
+ />
+ );
+};
 
 var styles = StyleSheet.create({
+ f1: {flex: 1},
  helloWorldTextStyle: {
  fontFamily: 'Arial',
  fontSize: 30,
@@ -47,17 +53,3 @@ var styles = StyleSheet.create({
  textAlign: 'center',
  },
 });
-
-export default class App extends React.Component{
-render(){
-return(
-<ViroARSceneNavigator
-autofocus={true}
-initialScene={{
-scene: HelloWorldSceneAR,
-}}
-style={{flex: 1}}
-/>
-);
-}
-}