add runNow for AR.resume

hokaiyipFS · Apr 5, 2019 · 65dd56f · 65dd56f
1 parent ecd4e5c
commit 65dd56f
Showing 1 changed file with 26 additions and 9 deletions.
diff --git a/lib/ARRunningState.ios.js b/lib/ARRunningState.ios.js
@@ -1,14 +1,14 @@
 // @flow
-import { Ionicons } from '@expo/vector-icons';
-import { AR } from 'expo';
+import {Ionicons} from '@expo/vector-icons';
+import {AR} from 'expo';
 import React from 'react';
-import { TouchableOpacity, View } from 'react-native';
+import {TouchableOpacity, View} from 'react-native';
 
 // import AR from '../__tests__/AR.mock';
 
 class IconButton extends React.PureComponent {
   render() {
-    const { style, onPress, icon } = this.props;
+    const {style, onPress, icon} = this.props;
     return (
       <TouchableOpacity style={style} onPress={onPress}>
         <View
@@ -19,21 +19,29 @@ class IconButton extends React.PureComponent {
             justifyContent: 'center',
             alignItems: 'center',
           }}>
-          <Ionicons name={icon} size={32} color="white" />
+          <Ionicons name={icon} size={32} color="white"/>
         </View>
       </TouchableOpacity>
     );
   }
 }
 
 class ARRunningState extends React.Component {
-  state = { running: true };
+  state = {running: true};
 
   componentDidMount() {
     if (AR.isAvailable()) {
       this._onSessionWasInterrupted = AR.onSessionWasInterrupted(() => {
         this.pause();
       });
+
+
+      if (this.state.running) {
+        setTimeout(function () {
+          this.runNow();
+        }.bind(this), 1000);
+
+      }
     }
   }
 
@@ -56,7 +64,7 @@ class ARRunningState extends React.Component {
           },
           this.props.style,
         ]}>
-        <IconButton icon={this.iconName} onPress={this.onPress} />
+        <IconButton icon={this.iconName} onPress={this.onPress}/>
       </View>
     );
   }
@@ -74,10 +82,10 @@ class ARRunningState extends React.Component {
   };
 
   toggleRunning = () => {
-    this.setState({ running: !this.state.running }, () => {
+    this.setState({running: !this.state.running}, () => {
       if (!AR.isAvailable()) return;
 
-      const { running } = this.state;
+      const {running} = this.state;
       if (running) {
         AR.resume();
       } else {
@@ -86,8 +94,17 @@ class ARRunningState extends React.Component {
     });
   };
 
+  runNow = () => {
+    this.setState({running: true}, () => {
+      if (!AR.isAvailable()) return;
+      AR.resume();
+
+    });
+  };
+
   get iconName() {
     return this.state.running ? 'md-play' : 'md-pause';
   }
 }
+
 export default ARRunningState;