talksik
99 lines
2.4 KiB
JavaScript
99 lines
2.4 KiB
JavaScript
/*
|
|
* Universal Loading screen that can be used for any situations
|
|
*/
|
|
import React, { Component } from 'react';
|
|
import {
|
|
Dimensions,
|
|
View,
|
|
Image,
|
|
Text,
|
|
AsyncStorage
|
|
} from 'react-native';
|
|
import {
|
|
Actions
|
|
} from 'react-native-router-flux';
|
|
|
|
const windowWidth = Dimensions.get('window').width;
|
|
const windowHeight = Dimensions.get('window').height;
|
|
|
|
const loadingGIF = '../assets/images/loading.gif';
|
|
|
|
type Props = {};
|
|
export default class Loading extends Component<Props> {
|
|
componentWillMount() {
|
|
// Getting the location of the user
|
|
navigator.geolocation.getCurrentPosition((position) => {
|
|
console.log('Getting User Location:');
|
|
this.latitude = parseFloat(position.coords.latitude);
|
|
this.longitude = parseFloat(position.coords.longitude);
|
|
console.log(this.latitude.toString() + ' ' + this.longitude.toString());
|
|
/**
|
|
* todo fix AsyncStorage
|
|
*/
|
|
//this.storeValues();
|
|
Actions.main({long: this.longitude.toString(), lat: this.latitude.toString()});
|
|
},
|
|
(error) => console.log(error),
|
|
// high accuracy might need slight adjusting with its values
|
|
// or perhaps do high accuracy and if it times out then do
|
|
// regular getPosition
|
|
//{ enableHighAccuracy: false, timeout: 2000, maximumAge: 1000 }
|
|
);
|
|
}
|
|
|
|
storeValues = async () => {
|
|
try {
|
|
var toStore = [['long', this.longitude.toString()], ['lat', this.latitude.toString()]];
|
|
await AsyncStorage.multiSet(toStore, () => {
|
|
console.log('Stored values!');
|
|
Actions.main();
|
|
});
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<View style={loadingStyles.container}>
|
|
<Image style={loadingStyles.gif} source={require(loadingGIF)} />
|
|
|
|
<Text style={loadingStyles.waitTxt}>Please wait to be connected...</Text>
|
|
|
|
<View style={loadingStyles.copyright}>
|
|
<Text style={loadingStyles.copyTxt}>© Nexto</Text>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
const loadingStyles = {
|
|
container: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
flexDirection: 'column',
|
|
backgroundColor: '#0e8f9e',
|
|
},
|
|
gif: {
|
|
height: 50,
|
|
width: 50,
|
|
zIndex: 10
|
|
},
|
|
waitTxt: {
|
|
color: 'white',
|
|
fontSize: 15
|
|
},
|
|
copyright: {
|
|
position: 'absolute',
|
|
bottom: 30,
|
|
zIndex: 10
|
|
},
|
|
copyTxt: {
|
|
fontSize: 15,
|
|
color: 'white',
|
|
fontFamily: 'TitilliumWeb-Regular'
|
|
}
|
|
}
|